How to create a perfectly smooth animation from left side of the screen to the right?
How to create a perfectly smooth animation from left side of the screen to the right?
Hi all,
I`m trying to animate a image from the left side of the screen to the right side of the screen with Sencha Animator. However, the animation itself looks jerky and doesn`t run *perfectly* smooth in latest Safari / Chrome.
The animation is a bit jerky now and then. Are there any tips or hints I can use to smoothen the animation? I tried setting the easing to 'linear' but that didnt help.
If all you have is two keyframes for the object the animation should be smooth. Some browser version might be jerky due to a differences in their CSS3 Animation implementation and hardware differences. I have seen Chrome work very smoothly on some systems, while less smooth on other systems.
If you are using a big image, you could try to reduce the dimensions of it.