Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Lightspeed is a visually stunning animation of a spaceship traveling through space I built using a little HTML5, clever JavaScript, and some CSS.
JavaScript CSS
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
Component Files
LICENSE.txt
LightSpeed.html
README.txt

README.txt

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

Something went wrong with that request. Please try again.