staggerTo and repeat. increment a tweened value

[Liam@II]

See the Pen KNyXNZ by Liamii (@Liamii) on CodePen

 

so all i want to do is... each time the animation repeats the vertical distance tweened is incrementally change by some amount.

 

right now the tweened value doesn't change at all and onRepeat is called for every instance within the stagger.

 

i want it to only be called once per cycle of animation.

 

thanks in advance

[Dipscom]

Hey Liam,

 

You'll need to recreate the Tween if you want new values each time.

 

See the Pen YpEEVx?editors=1111 by dipscom (@dipscom) on CodePen

[Liam@II]

Hey Liam,

 

You'll need to recreate the Tween if you want new values each time.

 

See the Pen YpEEVx?editors=1111 by dipscom (@dipscom) on CodePen

Thank you! i forgot about Cycle.

 

thats the first time I've seen the calling of a function from that position  (simplified your code )

 

TweenMax.staggerTo(".thing", 1, {x: 50} }, 0.1, myFunction ) }

 

Can you tell me how that differs from onComplete?

[Dipscom]

That will only trigger once all tweens have completed. The normal onComplete will be fired for every element on the array.

 

So, if you have five "things" the onComplete will fire five times, the onCompleteAll will fire just once.

 

The docs go over such things in much more detail: http://greensock.com/docs/#/HTML5/GSAP/TweenMax/staggerTo/