I have a basic Tween:
TweenMax.to(earth, 10, {top:"100px", left: "0px", ease:Sine.easeInOut, delay: d});
Note duration of the animation is set to 10seconds.
Also the starting point for the "earth" object is only 20px below and and 30px to the left.
In short what i have is an animation that is moving a short distance between two points and taking a long time to do it. The object is actually an image set into a DIV as a background.
The resultant animation is far from acceptable, very jerky, not at all smooth.
Is there any special TweenMax settings that i can utilize a higher level of precision to shift elements around in this circumstance? Had this similar animation in Flash development.....i was hoping that GSAP and HTML5 development would have had a better render.
Thanks,
Bryan