Jump to content
Search Community

Long tweens appear "jerky", short tweens look OK?!

Mr Pablo test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

If I tween an image for ~1 second, it looks pretty smooth, but as soon as I tween an image to ~10 seconds, the motion appears jerky and stutters noticeably,


Now, the image in question is quite large, but potentially usable in my project, so ideally I need the tweens ot run smooth for this image.


Is there anything I can do to smooth out the longer, stuttering tweens?

Link to comment
Share on other sites

Yeah, some browsers still force the rounding apparently even though GSAP is setting decimals. You could try forcing the object into 3D space so that the browser uses the GPU more directly. Seems to work better in Chrome at least (haven't looked elsewhere). In the most recent version of GSAP, you can set force3D:true or just set a z of 0.01 or something. 

TweenLite.to("#yourID", 10, {x:10, force3D:true});

That appears to force sub-pixel rendering. 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...