pixijs gsap doesnt start

[dazzafact2]

any Ideas?

See the Pen RwqWNJg by Adventure-the-styleful (@Adventure-the-styleful) on CodePen

[akapowl]

1 hour ago, dazzafact2 said:

any Ideas?

 

When you open the console in dev-tools, you will see that you have a jQuery error, that has nothing to do with GSAP.

 

This is your example with anything GSAP related removed, and it errors out at the same point - the console.log I added is not being executed anymore.
 

I'm not sure if it is solely jQuery related or the way you have set things up in combination with pixi, but maybe you can use that as a starting point for debugging - if you have any GSAP related questions, let us know

 

See the Pen XWymgoP by akapowl (@akapowl) on CodePen

 

[dazzafact2]

oh man, i don't have a missing library, do i? App is not a jquery instance

[akapowl]

I'm not up to date with PIXI.js, as I have only used earlier versions, but it looks like there were quite some changes with version 7, which you are using here. Here's a migration guide I found via google - looks like loaders have been replaced by something else, so you might have to adapt to that.

 

https://github.com/pixijs/pixijs/wiki/v7-Migration-Guide

 

Edit:

 

As a courtesy, here is a vanilla JS example of how to possibly do it with PIXI 7; you can find a guide for pixi assets here:

 

https://pixijs.io/guides/basics/assets.html

 

And as a sidenote to your GSAP related code: there is no such property as loop on a timeline.

 

https://greensock.com/docs/v3/GSAP/Timeline/repeat()

 

If you want to repeat things infinitely, you'll want to set repeat: -1 and if you want to move things back before repeating, so you create sort of a loop, set yoyo: true.

 

Maybe that can help. Good luck and happy tweening.

See the Pen PoxPKRJ by akapowl (@akapowl) on CodePen

 

 

[dazzafact2]

You are right! it was the standard pixijs library 7 that caused this 😮🙄
Thanks also for the additional info:repeat,loop 😉