PDA

View Full Version : Javascript Animation transitions



jundo12
01-20-2016, 12:53 AM
i have a javascript/css script that, on click, starts an animation of a ship flying down to the planet mars. more and more of the planet fills the window till the ship lands on the surface. problem is, the images in the animation have a really erm.....abrupt transisition between them. you can see it here.
http://thelivingmoon.com/undomiel/frameset2/marstour/tourmars2.html

is there anyway to make the transistion between the images seem smoother and less jumpy?

Beverleyh
01-20-2016, 06:39 AM
CSS tends to give smoother animations than JavaScript so maybe you can explore doing it that way (JavaScript to trigger, CSS for actual animation).

Articles you might find useful;

http://blog.teamtreehouse.com/create-smoother-animations-transitions-browser
http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/
http://www.kirupa.com/html5/animating_movement_smoothly_using_css.htm

jundo12
01-21-2016, 02:33 AM
thanks, bev. :D