Results 1 to 3 of 3

Thread: Javascript Animation transitions

  1. #1
    Join Date
    May 2014
    Posts
    203
    Thanks
    28
    Thanked 5 Times in 5 Posts

    Default Javascript Animation transitions

    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/fr...tourmars2.html

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

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    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...itions-browser
    http://www.html5rocks.com/en/tutoria...ce-animations/
    http://www.kirupa.com/html5/animatin..._using_css.htm
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  3. The Following User Says Thank You to Beverleyh For This Useful Post:

    jundo12 (01-21-2016)

  4. #3
    Join Date
    May 2014
    Posts
    203
    Thanks
    28
    Thanked 5 Times in 5 Posts

    Default

    thanks, bev.

Similar Threads

  1. Replies: 1
    Last Post: 10-19-2010, 08:26 AM
  2. Moving a DIV in javascript (with a smooth animation)
    By aaron1a12 in forum JavaScript
    Replies: 4
    Last Post: 06-03-2010, 10:54 AM
  3. Replies: 2
    Last Post: 09-06-2007, 08:49 PM
  4. question about page transitions
    By sonja8377 in forum JavaScript
    Replies: 3
    Last Post: 01-26-2006, 10:55 AM
  5. Replies: 4
    Last Post: 12-17-2005, 04:26 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •