Jump to content


GSAP and PIXI JS - dropShadowBlur animation

Moderator Tag

Recommended Posts

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?

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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?

  • Like 1
Link to comment
Share on other sites

Glad to hear it!


As the PixiPlugin docs say,


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.


Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.