Repeat / seek label

[anonty]

My timeline looks like this:

 

.addLabel('one')

  .to(move something)

  .to(move something else)

.addLabel('two')

  .to(move something)

  .to(move it back to original position)

  .addPause('+=1', function() { depending on the value of a var repeat label 'one' or 'two' } )

 

What should I use for the last part? When I use .seek('two') it jumps to .addPause(). How do I repeat everything under label 'two'?

 

[mikel]

Hi @anonty,

 

Repeating label 'two' also means calling the function again and again ...
So the pause (and the callback) should be eliminated  and if necessary a 'clean' pause could be added.

This is an option:

 

See the Pen jXwvGX by mikeK (@mikeK) on CodePen

 

Happy tweening ...

Mikel

 

 

[Carl]

Hi agonty,

 

I really don't understand what you mean by

 

When I use .seek('two') it jumps to .addPause().

 

it was very nice for Mikel to create a demo for you, can you explain how seek('two') isn't working as expected even without adding and removing the pause.

 

var action = new TimelineMax()
.addLabel('one')
.to('#green01',1,{x:100})
.to('#green02',1,{x:100})
.addLabel('two')
.to('#green03',1,{x:100})
.to('#green03',1,{x:0})
.addPause("+=1", again);



function again(){
  action.seek('two');
}

 

The code above makes the last 2 tweens repeat forever as I would expect:

 

See the Pen pqrzJo?editors=0010 by GreenSock (@GreenSock) on CodePen

 

 

If you need to edit that demo to replicate your issue, feel free.