How to loop a GSAP Animation? Help!

[bosecodes101]

I want the animations to be infinite, i cannot figure out how to show the first image right after the last image exactly like how the normal animation is happening, I am new to GSAP, so i am experimenting!

See the Pen zYMZyeK by Sumit-the-encoder (@Sumit-the-encoder) on CodePen

[mvaneijgen]

Hi @bosecodes101 welcome to the forum! 

 

Ha you've found the tweens, but did you know you can write a timeline in GSAP and it will calculate all the delays for you! No need to add them manually or update them when you tweens will change (and believe me they will!)

 

I've changed a lot around in your pen, but the logic is still the same. The timings could be better, but I'll leave that to you. I've placed a lot or comments in the code to explain certain parts better. If you have questions feel free to ask them. Hope it helps and happy tweening! 

 

See the Pen rNQyPGw?editors=1010 by mvaneijgen (@mvaneijgen) on CodePen

 

My advise would also be read to these post to get a better understanding of everything that is possible with GSAP:

https://greensock.com/get-started/
https://greensock.com/get-started-2

[bosecodes101]

On 6/29/2023 at 1:52 PM, mvaneijgen said:

Hi @bosecodes101 welcome to the forum! 

 

Ha you've found the tweens, but did you know you can write a timeline in GSAP and it will calculate all the delays for you! No need to add them manually or update them when you tweens will change (and believe me they will!)

 

I've changed a lot around in your pen, but the logic is still the same. The timings could be better, but I'll leave that to you. I've placed a lot or comments in the code to explain certain parts better. If you have questions feel free to ask them. Hope it helps and happy tweening! 

 

 

 

 

My advise would also be read to these post to get a better understanding of everything that is possible with GSAP:

https://greensock.com/get-started/
https://greensock.com/get-started-2

Thank you so much! This helps me a lot!! You have skyrocketed my intrest in GSAP!