Running code onUpdate callback

[Michael71 59 Likes (Contributor)]

Hello,

 

I'm making a small 2D game and using (naturally) GSAP for the animation engine. So I'm Tweening a bullet by x,y and onUpdate I'm running collision detection to see if the bullet collides with any objects.

 

However as the objects on the DOM increase onUpdate seems to be "skipping" some frames thus "lagging".

 

Is there a better way to run somewhat complex code with TweenMax/Min? Maybe by listening on ticker? Or is onUpdate using requestAnimationFrame already?

 

Thanks in advance!

 

 

[GreenSock 8,117 Likes (Superhero)]

Yes, the entire engine's pulse is driven by requestAnimationFrame by default. That means onUpdate is driven likewise.

 

I can assure you that the engine isn't "skipping" any frames (well, at least I can't imagine how that could possibly happen unless the browser itself isn't dispatching a requestAnimationFrame when it's updating the screen).  

 

It sounds like maybe you're just pushing too many graphics around the screen (or the graphics are large) and the browser's graphics rendering engine is having a tough time drawing all the pixels fast enough (which is unrelated to GSAP).