tweens after a "repeat:-1"

[kvnmcwebn 12 Likes (Newbie)]

Hi,

What is the trick to get the timeline to carry on after the below tween loop in timelineMax?

.from(".class", 1.5, {  y:-100, repeat:-1, repeatDelay:3, yoyo: true})

I've not been able to find one for love nor money...

 

 

 

[GreenSock 8,117 Likes (Superhero)]

By default, the insertion point of tweens is at the end of the timeline, so if you have an infinitely repeating child in the timeline, it'll push the insertion point waaaaaay out in the future (basically infinitely). So you'd need to define a specific time value as the insertion point thereafter (see https://greensock.com/position-parameter).

 

Alternatively, you could get the most recent tween and get its endTime that doesn't include repeats, like timeline.recent().endTime(false) and use that as the insertion time. 

 

In version 1.20.0, we improved the default behavior to do exactly that for you. It automatically senses when the timeline's duration is SUPER high, and assumes you don't really want the default at the very end, so it'll use recent().endTime(false) automatically in that case. So you might want to just try updating to the latest version (which is actually 1.20.2 today) and see if that resolves things for you, or just use one of the techniques I described above. 

 

If you're still having trouble, please post a reduced test case in codepen so that we can see what's going on in your case. 

 

Happy tweening!

[kvnmcwebn 12 Likes (Newbie)]

Wow, that was easy. Updating to the latest version did the trick. Thanks very much.

[kvnmcwebn 12 Likes (Newbie)]

Is there an updated modifiers cdn ?  Right now I have to load like this:

 <script src="js/ModifiersPlugin.min.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.2/TweenMax.min.js'>
  
<script src="js/TimelineMax.js"></script>  

 

[PointC 8,599 Likes (Superhero)]

Here you go:

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.2/plugins/ModifiersPlugin.min.js"></script>

 

Happy tweening.

[kvnmcwebn 12 Likes (Newbie)]

Thanks.