PixiPlugin fillColor causes error

[akobenzu 2 Likes (Newbie)]

Hi, I was trying PixiPlugin and wanted to tune `fillColor` according to docs at https://greensock.com/docs/Plugins/PixiPlugin

 

Codepen example doesn't work at all (dot doesn't move) if I include `fillColor`. I don't get anything in console on codepen, but on my local I get this stacktrace:

Quote

PixiPlugin.js?876d:435 Uncaught TypeError: Cannot read property 'length' of undefined
    at Object.init [as _onInitTween] (PixiPlugin.js?876d:435)
    at Object.p._initProps (TweenLite.js?2e20:1408)
    at Object.p._init (TweenLite.js?2e20:1368)
    at Object.p.render (TweenLite.js?2e20:1529)
    at TimelineMax.p.render (TimelineMax.js?2346:329)
    at TimelineMax.p.render (TimelineMax.js?2346:329)
    at Object.p.render (TweenLite.js?2e20:875)
    at Object.Animation._updateRoot.TweenLite.render (TweenLite.js?2e20:1150)
    at Object.p.dispatchEvent (TweenLite.js?2e20:285)
    at _tick (TweenLite.js?2e20:337)

 

Quote

PixiPlugin.js?876d:435 Uncaught TypeError: Cannot read property 'length' of undefined
    at Object.init [as _onInitTween] (PixiPlugin.js?876d:435)
    at Object.p._initProps (TweenLite.js?2e20:1408)
    at Object.p._init (TweenLite.js?2e20:1368)
    at Object.p.render (TweenLite.js?2e20:1529)
    at TimelineMax.p.render (TimelineMax.js?2346:329)
    at TimelineMax.p.render (TimelineMax.js?2346:272)
    at TimelineMax.p.render (TimelineMax.js?2346:329)
    at Object.p.render (TweenLite.js?2e20:875)
    at Object.Animation._updateRoot.TweenLite.render (TweenLite.js?2e20:1150)
    at Object.p.dispatchEvent (TweenLite.js?2e20:285)

 

Is it me doing something wrong or?

See the Pen MdemVE?editors=0010 by akobenzu (@akobenzu) on CodePen

[GreenSock 8,117 Likes (Superhero)]

Ah, it looks like Pixi changed some things in the new version, 5.0.x. If you swap in 4.x, it works well:

https://cdnjs.cloudflare.com/ajax/libs/pixi.js/4.8.7/pixi.min.js

 

I'll have to research what they did to move their API around.

[akobenzu 2 Likes (Newbie)]

Thanks, it works with 4.8.7

[GreenSock 8,117 Likes (Superhero)]

I have added some code to make it compatible with PIXI 5.0.x - you can preview it (uncompressed) at: 

https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/PixiPlugin.min.js

 

Does that work well for you? 

[akobenzu 2 Likes (Newbie)]

I have updated the codepen, works well! Thanks!