Javascript/HTML/CSS racing game!
JavaScript HTML CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
images
README.txt
index.html
race.css
race.js

README.txt

A racing game with user input.

The user races the computer and can pick their own car. User speed is based on the number of vowels in the car (more is better, right?). User skill is based on the number of accidents they have been in (less is better).

After user input is gathered, track information is randomly generated and the appropriate background image is chosen. If the track is wet, user skill is halved. This object could be expanded in future versions to have more laps, more turns, different surfaces, etc.

The racers run and laps are completed based on skill and speed. First one to 10 wins. The user is presented with a message in the footer.

Sticky CSS header and footer based on reading several sites and found sort of by happy accident. (references: http://ryanfait.com/sticky-footer/, http://mystrd.at/modern-clean-css-sticky-footer/, and http://css-tricks.com/snippets/css/sticky-footer/, but really it's none of those).

Grid CSS format based on this concept of "liquid layouts": http://www.maxdesign.com.au/articles/liquid/

Background image credit: 
wet: https://www.flickr.com/photos/sheeprus/9604820571, Sheep"R"Us, 
  creative commons by-nc-nd license
dry: https://www.flickr.com/photos/30811353@N04/8571278476, J Jakobson, 
  creative commons by-nc license