Jump to content

Mr Pablo

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

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

If you are doing positional tweens (left, top) keep in mind those values are forced to whole pixel values.


You could try using transform values instead (x, y)

TweenLite.to(img, 10, {x:200});
Link to comment
Share on other sites

Yea, I am using x and y co-ords.


Its not a massive issue, as most tweens will be fairly quick

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

The update alone seemed to help I think! it's looking much smoother now with an increased duration

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.