Sitnim
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by Sitnim
-
-
Hi there!
I am making a png spritesheet animation. I have an animation existing of 7 frames which I want to animate back-and-forth.
So: from frame 1 to frame 7 back to frame 1 again and back. Example: 1,2,3,4,5,6,7,6,5,4,3,2,1,2,3 etc.
I tried reversing with "yoyo:true" but i cant quite get a seamless experience as you can see from the Codepen. The animation goes back to frame 1 before getting into yoyo. I would love some advice from you.Any advice would be appreciated!
SteppedEase sprite animation yoyo
in GSAP
Posted
Thank you Carl!
I edited my first CodePen and did it like your example. I made it 6 steps in stead of 7, and edited the backgroundPosition to 4380px (5110 - 730).
It works smooth like this. However I want to use percentages to be able to make everything scalable.
See the Pen aqpVLN by Dreejt (@Dreejt) on CodePen