Last function in timeline is not executed when reversing

[blende64]

Hi

 

In the linked CodePen a timeline is defined which moves the square to the right and at the end outputs the value of reversed() in the console. The timeline is paused by default and plays either forward or backward when the button is clicked. If the timeline is played backwards, the output in the console is missing. It is as if the function is not being executed. If another to tween is added after the function, "reversed:" true is displayed in the console as expected when reversing.

 

Is this a bug or am I doing something wrong?

 

Many thanks and kind regards

See the Pen yLRePOw by blatthirsch (@blatthirsch) on CodePen

[Carl]

Thanks for the great demo!

 

I believe at one point the decision was made that if the playhead was sitting at a time where there was a callback that already fired and playback resumed then the callback wouldn't run again. It's one of those situations where you could argue both behaviors (fire again or don't) but there needed to be a consistent way for it to be handled.

 

When the playhead lands on a callback and plays or reverses you can optionally set suppressEvents:false so that callbacks will fire (default is true).

See the reverse() docs

 

Since the playhead is already at the end of the animation in your example suppressEvents doesn't really apply (the playhead isn't landing there).

 

The cleanest solution would be to force the playhead to instantly move to the end of the timeline from somewhere else and  reverse with suppressEvents:false like so

 

 

    tl.time(0).reverse(tl.duration(), false);

 

See the Pen abRdEMK?editors=0011 by snorkltv (@snorkltv) on CodePen

 

[blende64]

Hello Carl

 

Thank you very much for your comments. They clarify things.

In my implementation, I have set suppressEvents:false for the time method so that reversed() outputs true when rewinding.

 

Thanks