1. #1
    Sencha Premium Member
    Join Date
    Jun 2008
    Posts
    322
    Vote Rating
    4
    Scorpie is on a distinguished road

      0  

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

    Any help would be appreciated.
    I`m from Holland!

  2. #2
    Sencha User arnebech's Avatar
    Join Date
    Jun 2010
    Posts
    498
    Vote Rating
    10
    arnebech will become famous soon enough

      0  

    Default


    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.

Thread Participants: 1