GSAP and PIXI JS - dropShadowBlur animation

[Exhumator 7 Likes (Newbie)]

Hello, I've tried to animate dropShadowBlur property of the PIXI.Text object like this:

tl.to(my_text, 5, { pixi: { dropShadowBlur: 5 } });

but it doesn't work (no console error and nothing is changing).

What am I doing wrong? Am I able to animate that property?

[ZachSaucier 7,133 Likes (Superhero)]

Hey Exhumator. 

 

Can you please create a minimal example of the issue in a CodePen? My guess is that dropShadowBlur on that object does not exist or requires a different value.

[Exhumator 7 Likes (Newbie)]

Hey Zach,

 

I've just found solution. I've tried this:

tl.to(my_text.style, 0.5, { dropShadowBlur: 9 } );

and that worked.

 

So, my question is - is there any list of supported attributes for PixiPlugin?

[ZachSaucier 7,133 Likes (Superhero)]

Glad to hear it!

 

As the PixiPlugin docs say,

Quote

PixiPlugin can handle almost any other property as well - there is no pre-determined list of "allowed" properties. PixiPlugin simply improves developer ergonomics for anyone animating in PixiJS. Less code, fewer headaches, and faster production.