Jump to content
Search Community

How to loop a group of Tweens

Em Karimifar

By Em Karimifar
in GSAP

 Share

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Em Karimifar

Em Karimifar

Posted
Posted

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

PointC

Posted
Posted

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.

:)

  • Like 4
Em Karimifar

Em Karimifar

Posted
  • Author
Posted

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

 

 

 

  • Like 3
PointC

PointC

Posted
Posted

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

 

Happy tweening.

:)

  • Like 1

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...