Queueing .ticker callbacks before visual updates?

[lunelson@gmail.com]

I'm looking at the documentation for TimelineLite.ticker and I'm curious: is it possible to set a priority to the event listener, such that it would be run before tweens and timelines update visually? I'm thinking of, for example, touching the DOM in order to take measurements that might affect a progress parameter, to which timelines refer. Basically read/write or "measure/mutate" batching. 

 

addEventListener(type, callback, scope, useParam, priority)

 

Obviously, I can separate this in other ways but let's assume I need to read this value from the DOM just before the tweens and timelines update

[Dipscom]

Hey @lunelson@gmail.com,

 

Here's the .ticker documentation: https://greensock.com/docs/TweenLite/static.ticker

 

There's a section there talking about the priority parameter, see if that's what you are after.

 

Happy Tweening!

[lunelson@gmail.com]

Thanks, yes I read that too; but was still wondering what exactly "update" meant in this context:

 

Quote

The object that dispatches a "tick" event each time the engine updates

 

...is this after all values have been internally computed, but nothing yet drawn? Or after drawing updates have been done?

[Dipscom]

I should have read your post a bit more slowly... I just realised I misread your first sentence as: "I'm looking for..." rather than "I'm looking at...". Apologies for that. 

 

I personally am can't say for sure but, my understanding of the way requestAnimationFrame and GSAP works is that, the ticker will dispatch its events after everything is computed and then, the rendering occurs. The browser is the one scheduling the draws, GSAP only updates whatever numbers its working with.

 

But, don't listen to me. I can't even read correctly... Mr. @GreenSock or @Carl should be able to give you a more definitive answer.

[GreenSock]

Yep, if you set the priority to 1 (or above), it should call that function BEFORE the engine updates all the tween values because the internal ticker has a priority of 0. 

 

Enjoy!

[lunelson@gmail.com]

Thanks Jack! I'll go and think about this some more... I'm guessing, that if I called an update method on a Tween during a tick callback with a priority > 1, that update would happen on the next tick, not on the same one, right?

[GreenSock]

Hm, I don't quite understand the question. Got a quick demo? What "update" method? 

[lunelson@gmail.com]

Sorry, I meant the "progress" method

[GreenSock]

Hm. Well, if you set the progress(), that happens immediately.

[lunelson@gmail.com]

Aha! So, on the same tick? I figured it would be scheduled via requestAnimationFrame, and thus happen on the next tick, like when you call requestAnimationFrame from within a requestAnimationFrame handler and it gets scheduled on the next frame...

[GreenSock]

Yep, it happens immediately. Otherwise, it'd be pretty awkward if you had code right after the progress() call that depended on the values being set. See what I mean?