Repeat part of timeline?

[jesper.landberg]

Hi,

 

How do I in the easiest way repeat/loop part of a timeline? Making two timelines and attaching one to another or? How could this look?

[PointC]

HI jesper.landberg 

 

Labels are your friend for something like that. Add a label at the beginning and end of the part you want to play and use the tweenFromTo() method to play between them. Something like this:

tl.tweenFromTo("startTest", "endTest");

See the Pen EKZjpo by PointC (@PointC) on CodePen

 

More info about tweenFromTo()

http://greensock.com/docs/#/HTML5/GSAP/TimelineMax/tweenFromTo/

 

Hopefully that helps.

 

Happy tweening.

[Carl]

Great demo, Craig!

 

Yup, tweenFromTo() can be incredibly helpful.

 

If you want to get totally nuts, you can build a timeline out of tweenFromTo()s for crazy control.

 

*** be sure to use 1.19.0 ***

 

//play red and blue 3 times then play entire timeline


var anotherTimeline = new TimelineLite();
anotherTimeline.add(tl.tweenFromTo(0, "startTest", {repeat:3}))
.add(tl.tweenFromTo("startTest", tl.duration()));

demo: http://codepen.io/GreenSock/pen/akKLYK?editors=0010