[Scroll Animation with multiple Sprite Sheet]

Hi, Rodrigo

I'm so appreciated. Back to the previous talk, I want to make so many scroll animated sprite sheets. I did this.

See the Pen qBgMXay by Bigbear-the-builder (@Bigbear-the-builder) on CodePen

It is confused when I fit the the pixi viewport full screen with same ratio. And I want to turn on TOUCH mode for mobile devices compatibility.

Also a little bit of logic issues from scrolling.

 

[Scroll Animation with multiple Sprite Sheet]

Ok, this is new codepen

See the Pen qBgMXay by Bigbear-the-builder (@Bigbear-the-builder) on CodePen

[Scroll Animation with multiple Sprite Sheet]

Hi, thanks for your help. I still feel lagged when I put some too large spritesheets. The experience performence needs to be fast and simply. I decide to swich to Pixijs + Gsap. I wrote some code that shows the animation. Please let me know how to accompolish scroll animation effect. Some files are too large that can't upload, sorry 

 

See the Pen poGZBXL by Bigbear-the-builder (@Bigbear-the-builder) on CodePen

[Scroll Animation with multiple Sprite Sheet]

Thanks for your answer, Rodrigo. I still want to find out a perfect way to handle different sprite sheet.

I attach some examples, could anyone provide me a perfect solution?

[Scroll Animation with multiple Sprite Sheet]

Hi, guys.

I want to know how to run this Scrolltriger sprite animation on multiple section with different sprite picture.

So it would look something like this:

 

Intro sprite animation sequence (linear)
    Scroll scroll
Animation sprite 
    Scroll scroll
Next animation sequence (linear)
    Scroll scroll
Animation sprite 
    Scroll scroll
Next animation sequence (linear)
    Scroll scroll
Animation sprite 
...
End

Please someone help me how to do it Thanks.

See the Pen wvROLMQ by Bigbear-the-builder (@Bigbear-the-builder) on CodePen

[Scroll Animation with a Sprite Sheet (Hero Image Size)]

Hi, guys.

I want to know how to run this Scrolltriger sprite animation on multiple section with different sprite picture.

So it would look something like this:

 

Intro sprite animation sequence (linear)
    Scroll scroll
Animation sprite 
    Scroll scroll
Next animation sequence (linear)
    Scroll scroll
Animation sprite 
    Scroll scroll
Next animation sequence (linear)
    Scroll scroll
Animation sprite 
...
End

Please someone help me how to do it Thanks.

 

On 5/21/2021 at 11:24 PM, OSUblake said:

 

 

 

 

 

 

 

 

 

[ScrollTrigger with canvas animation]

Hi, guys.

I want to know how to run this Scrolltriger sprite animation on multiple section with different sprite sheet.

So I made two js files with different file location

It is not working. Please someone help me how to do it Thanks.

 

spritescroll.js spritescroll2.js