Jump to content
GreenSock

kleeman

Flicker when tweening Sprite

Moderator Tag
Go to solution Solved by Diaco,

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

Hello,

 

I'm animating a spritesheet which works fine except I'm getting quick flicker when the animation starts. I've set up a codepen for review. 

 

Any ideas would be helpful - thanks!

See the Pen QNEobQ by mfro (@mfro) on CodePen

Link to comment
Share on other sites

  • Solution

Hi kleeman :)

 

your tween should be to    -(sprite width-(sprite width / frames))    with    ease : SteppedEase.config( frames-1 )

 

pls check this out : 

See the Pen mPEgVL by MAW (@MAW) on CodePen

  • Like 4
Link to comment
Share on other sites

Thank you Diaco! This is exactly what I needed.

Link to comment
Share on other sites

I actually have one more question on this. If you look closely you'll see when the car starts to move it's as if the image gets sharper like there's a subpixel rendering issue - does anyone know what is causing that?

 

here's the codepen: 

See the Pen QNEobQ by mfro (@mfro) on CodePen

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.
×