How to use different timingMode in one project?

Hi! I have 2 different components on my page. Each of them uses tween.js for animation, but one of them should work with Ticker.timingMode = Ticker.RAF and another one should work with Ticker.timingMode = Ticker.TIMEOUT. So as Ticker is a global variable, I have no idea how to implement this. Maybe, it’s possible to call ticks manually for each component?

[lannymcnie]

This isn’t currently possible. Multiple Ticker instances are on our roadmap though.

You can however set a framerate on any MovieClip or Sprite to get the speed you want.

[gskinner]

Usually rendering the stage is the vast majority of the performance cost. Unless the actual tweens are really expensive, I’d consider just adding a bit of code to only update the preview stages every second. You could even do this using tween potentially:

createjs.Tween.get().wait(1000).call(updatePreviewStages);

If you did want to throttle the tweens as well, you could pause the preview tweens to remove them from the managed Tween list, and write a small script/class that uses tween.advance(1000) to advance them every second.

Let me know if that makes sense.