Simple timeline question: continue repeat: -1 loop?

[Makaak]

I have a very simple question and made a codepen to demonstrate.

I have a timeline with 2 tweens. First changes autoAlpha to 1 and has infinite repeat, second one moves y: 150 down. My timeline doesn't jump to the second tween since first one has repeat: -1.

 

How can i make it jump down to next tween while keeping the infinite repeat running?

 

See the Pen NpYowo by anon (@anon) on CodePen

[mikel]

Hi Makaak,

 

please have a look https://greensock.com/position-parameter

 

Your forked pen: 

See the Pen xqWogY?editors=0010 by mikeK (@mikeK) on CodePen

 

Best regards

Manfred

[PointC]

Hi Makaak 

 

Yes - you're right. An infinitely repeating tween won't allow the next tween to run. There are a few options available for you. You can call the infinite tween in a function, use the position parameter or use recent() and endTime(). We had a similar question and discussion that I think will help you:

 

https://greensock.com/forums/topic/13717-infinitly-repeating-tween-stops-timeline/

 

Happy tweening.