start tween as soon it finishes/

[Lacika1981]

Hi,

 

Please see my pen on codepen.

I try to find out with not much luck how to start animate again as the first timeline tween finishes.

The animation last for 10s and the secong tween starts at 5s just at the middle. However as the first tween finishes it does not repeats again until the second tween finishes.

 

I cannot find out how to solve this.

See the Pen WNNBaMw by Lacika1981 (@Lacika1981) on CodePen

[ZachSaucier]

The best way for something like this is to not use a timeline:

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

[Lacika1981]

Thank you @ZachSaucier

 

It works now as I wanted it.

[mikel]

Hey Zach,

 

Purely out of curiosity:

Why does p.start not start from the original position?
And why do different distances arise onRepeat?

 

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

 

Kind regards

Mikel

 

[ZachSaucier]

13 minutes ago, mikel said:

Why does p.start not start from the original position?

I assume you mean p.first?  I'm not clear on what you mean by "not start from the original position".  Are you expecting it to behave as if it had position: absolute like in this demo?

See the Pen GRgKZqx?editors=1000 by GreenSock (@GreenSock) on CodePen

[mikel]

Hey Zach,

 

Hmm, my interpretation is: original position is like orgPos - without any tween.

 

[ZachSaucier]

I am guessing it's the negative delay that I added that's confusing you. But it's on p.last.

[mikel]

 

Neg delay - indeed that´s irritating.