Skip to content

Lightspeed is a visually stunning animation of a spaceship traveling through space I built using a little HTML5, clever JavaScript, and some CSS.

License

Notifications You must be signed in to change notification settings

tarunc/LightSpeed

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

888      d8b          888      888    .d8888b.                                  888 
888      Y8P          888      888   d88P  Y88b                                 888 
888                   888      888   Y88b.                                      888 
888      888  .d88b.  88888b.  888888 "Y888b.   88888b.   .d88b.   .d88b.   .d88888 
888      888 d88P"88b 888 "88b 888       "Y88b. 888 "88b d8P  Y8b d8P  Y8b d88" 888 
888      888 888  888 888  888 888         "888 888  888 88888888 88888888 888  888 
888      888 Y88b 888 888  888 Y88b. Y88b  d88P 888 d88P Y8b.     Y8b.     Y88b 888 
88888888 888  "Y88888 888  888  "Y888 "Y8888P"  88888P"   "Y8888   "Y8888   "Y88888 
                  888                           888                                 
             Y8b d88P                           888                                 
              "Y88P"                            888   
              
            
              
Live Demo: http://jsbin.com/pikek

Lightspeed is a visually stunning animation of a spaceship traveling through 
space I built using a little HTML5, clever JavaScript, and some CSS. 
I got the idea after implementing a Fireworks JavaScript animation as a birthday
present for a close friend who I accidently forgot to buy a present for. When I 
was starting to build it, I wanted to learn a Javascript animation framework, 
such as Processing.js or $fx. After looking at some example JavaScript 
animations, I discovered it was easiest to leverage the raw power of 
JavaScript + HTML5 on its own, without the use of a framework.

It features the controls:
Mouse Movement - changes the direction the ship is moving
Mouse Wheel - changes the speed at which the ship is moving
Mouse Click or ENTER or RETURN - makes the ship travel at lightspeed
P - pauses the animation
SPACE - the ship stops moving forward (stars don't move towards you anymore)

Live Demo: http://jsbin.com/pikek

Code is Copyright (c) 2011 - 2014 Tarun Chaudhry

LICENSE:
GNU GPL v3
See LICENSE.txt

About

Lightspeed is a visually stunning animation of a spaceship traveling through space I built using a little HTML5, clever JavaScript, and some CSS.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published