Why is animation added before label not playing when seek label and pause?

[Peach2tm]

I dont quite understand the logic of gsap here, so I would be happy if anyone could explain why an animation added before a label is not playing, if the timeline starts paused at the label.

See the Pen JjNXQwe by anders-wibroe (@anders-wibroe) on CodePen

[GreenSock]

That's because by default, .seek() has suppressEvents set to true. Think of it like a record player where you'd pick up the needle, move it, and drop it in the new place rather than dragging it across the record. The needle is the playhead. No callbacks between the old position and the new position are triggered (they're suppressed). If you want to trigger them, just set the suppressEvents parameter to false: 

tl.seek("runwayStarted", false);

 

Happy tweening!

[Peach2tm]

Thanks dude!

 

Are the the

tl.to('#plane',{x:100})
tl.to('#plane',{y:100})

before the label not considered events/callbacks - or why are they still observed?

[Cassie]

3 hours ago, GreenSock said:

That's because by default, .seek() has suppressEvents set to true. Think of it like a record player where you'd pick up the needle, move it, and drop it in the new place rather than dragging it across the record. The needle is the playhead. No callbacks between the old position and the new position are triggered (they're suppressed). If you want to trigger them, just set the suppressEvents parameter to false: 

tl.seek("runwayStarted", false);

 

Happy tweening!

TIL 🧠

In terms of the tweens being 'observed' - they kind of are and they kind of aren't. The timeline skips to a certain point and the state of the elements at that particular point is observed - but they don't 'play'

I've updated this pen to rotate and scale the plane so that it's easier to see the difference between the first two tweens and the last two.

At the label the plane's been scaled up and rotated, and it's ready to continue on with the rest of the animation - but as Jack said - it's like lifting a record needle up and popping it down at that point in the animation. We don't see the plane move to that position. 

See the Pen abWZNqm by svganimationworkshop (@svganimationworkshop) on CodePen