Yoyo and repeat nested timelines

[bennyboy1978]

Hi!
What would be the best way to yoyo and repeat just scene3 and scene4 here?
So scene1 and scene2 animate in and stop but scene3 and scene4 will be animating on an infinate loop?
Thanks!
Ben

See the Pen Jjrvdaj by Bennyboy (@Bennyboy) on CodePen

[Cassie]

Heya!

Are you looking for something like this?

See the Pen jOGxbjE?editors=1010 by GreenSock (@GreenSock) on CodePen

I assume you have it set up with a master timeline because your animation is more complex than this example - but just in case - this could also be achieved more simply with one timeline or even just some tweens

[bennyboy1978]

Thanks Cassie, Unfortunately it won't work like that because the animation is a lot more complex than the example I gave. 
I need to be able to yoyo and repeat scene3 and scene4 in order.  

[Cassie]

Could you explain what you mean by 'in order'

 

If you're infinitely repeating scene3 there's no 'end' to it, so scene 4 can't come after it.

You can use position parameters to be more precise about placement? Maybe that would work for your use case?

 

let master = gsap.timeline()
  .add(scene1())
  .add(scene2()) 
  .add(scene3()) 
  .add(scene4(), '<+=1')