How to loop a group of Tweens

[Em Karimifar]

Hi,

So I want to loop a group of tweens (at least two!) and I've seen how to repeat one tween here. But I want to do repeat a group of tweens infinitely.

I guess I have to make a function and loop that? (not experienced in JS)

Can someone help me with that. 

 

Thank you!

See the Pen webMVG by EmAustin (@EmAustin) on CodePen

[PointC]

Hi @Em Karimifar

 

Welcome to the forum and thanks for joining Club GreenSock.

 

To infinitely repeat a tween or timeline you set the repeat count to -1. That being said, it looks to me like you want a seamless loop for your drawSVG animation. If that's the case, there is a little bit more to making that happen. This thread should help.

 

Happy tweening and welcome aboard.

[Em Karimifar]

I got it @PointC. Actually using timeline in general was the solution for me! Timeline is wonderfully powerful, thanks!

 

 

 

[PointC]

Excellent - I'm glad to hear that you got it working. Let us know if you have additional GSAP questions.

 

Happy tweening.