Adobe Animate CC 2017 - HTML5 canvas - drop shadow opacity issue

Forum|Forum|8 years ago
January 3, 2018
2 replies
3764 views

Hello all,

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.

thanks!

adobe animate cc 2018

Correct answer albertd9194959

Hi,

This is an Animate CC limitation, it does not publish the RGB hex transparency value in the javascript.

EaselJS v1.0.0 API Documentation : Shadow

Your best bet is to create an opaque shape under the object inside the movie clip.

If you want the fancy blur, you will need to add your shadows using javascript.

myObject.shadow = new createjs.Shadow("rgba(0,0,0,0.2)",200,200,15);

Regards,

albertd9194959Correct answer

Inspiring

Hi,

This is an Animate CC limitation, it does not publish the RGB hex transparency value in the javascript.

EaselJS v1.0.0 API Documentation : Shadow

Your best bet is to create an opaque shape under the object inside the movie clip.

If you want the fancy blur, you will need to add your shadows using javascript.

myObject.shadow = new createjs.Shadow("rgba(0,0,0,0.2)",200,200,15);

Regards,

D

dmershAuthor

Participant

Thank you Albert, thats very helpful to know!

Im a Flash OldHead - so im still getting used to all the limitations presented in Animate related to HTML5/ Javascript.

thanks again!

albertd9194959

Inspiring

Not a problem !

If your in need of those filter effects its usually best to use javascript directly. ( Some of the filter effects work correctly, some do not, just easier to add the code and not need to trouble shoot.)

Regards.