Im working on creating some banner ads using Animate CC 2017 and publishing with canvas for HTML5.
Ive managed to add a drop shadow to a movie clip that has static text inside. Im animating said movie clip by scale and opacity over time.
The drop shadow that I have applied to the text movie clip has the opacity/"strength" set to 20%. When previewing within adobe animate the drop shadow renders correctly, but upon publishing the banner, the drop shadow is 100% opacity black.
My question is; is this a limitation of the drop shadow filter with HTML5, or is this an error (user or otherwise)?
Any help is greatly appreciated.
i see the same problem.
Copy link to clipboard
Your best bet is to create an opaque shape under the object inside the movie clip.
myObject.shadow = new createjs.Shadow("rgba(0,0,0,0.2)",200,200,15);
Thank you Albert, thats very helpful to know!
Not a problem !
I have used this code to create a drop shadow in animate cc and it works fine in chrome, however it does not work in safari. Do you know how to overcome this?