TimelineMax run custom JS code on each step of Timeline

[jukoor]

Hi,

i'm having a timeline that animates 6 cubes in, one after another. 

Code is like this:

// loop here
timeline.add(TweenMax.to(cubes[i].rotation, 1, {
          y: THREE.Math.degToRad(-90)
}, 0), delay);

delay += 0.5;

timeline.play();

 

Now my question is, can i run some custom javascript code right after each timeline step?

Something like showing an alert after each single animation of the timeline has finished.

Like a onComplete Callback for single Timeline Steps ?

 

I hope i made my problem clear, if not i can give you more Infos.

 

regards, 

julian

[mikel]

Hi @jukoor,

 

For this I would use staggerTo () and an onComplete.
 

Note that if you define an onComplete (or any callback for that matter) in the vars parameter of a staggerTo(), 
it will be called for each tween rather than the whole sequence. 

 

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

 

Happy tweening ...

Mikel