Performance of conditional checks vs tweens with no change in value

[shoey]

Hi sorry if this has been asked already it's kind of a hard question to search for.

 

I plan to have a pixi js scene of images for my website background where I'm often tweening images in and out of the scene, but in some scenarios tweening already offscreen images offscreen again so those tweens don't change any values. Do these unnecessary tweens affect performance? Is it better for performance to have conditional checks instead of 'no change in value' tweens?

 

I don't think I will have performance issues either way but I wonder if gsap already has something built-in that automatically optimizes 'no change tweens' so that they don't have any affect on performance even if there are a large amount of them triggered all at the same time.

 

Thanks.

[GreenSock]

When a tween renders for the first time, that's when it records the starting/ending values and if they're the same (no change), it's skipped internally, yes. So, for example, if you try tweening to x:100 but x is already 100, it won't keep trying to set that value over and over again during the tween. But the tween itself will still run because other factors matter (like there could be an onComplete or onUpdate, plus if may need to take up space in a timeline, etc.) 

 

Does that answer your question? 

 

Even if GSAP didn't skip those parts, I highly doubt you'd ever notice a performance difference. It's super fast. Maybe if you literally had 50,000 tweens simultaneously running, you'd notice it.

 

Good luck with the project!