shermanhui / project-asteroids

HTML5 clone of classic arcade game Asteroids

project-asteroids

HTML5 clone of classic arcade game Asteroids using game engines courtesy of Udacity. This version was inspired by "Rice Rocks" a Python version of Asteroids.

Initialization

To play the game download the zip file or clone my repo and initialize the project at index.html.

Alternatively there is an online demo here

How To Play

Click on Start to begin the game. Click on Restart to end the current session and return to the Start Screen.

In game controls

Use the arrow keys to move the ship. Use the space bar to shoot.

Your ship and missiles will wrap around the screen...but so will the asteroids!

Avoid the asteroids and build up your score! Each asteroid is worth 10 points!

Each collision with an asteroid will reduce your lives by 1. (Collision mechanics are pretty generous, collisions near the wing tips don't count! :P)

Features

A working HTML5 clone of the classic arcade game Asteroids.

Attributions

Thank you to Udacity for providing engine.js and resource.js. The original source code can be found at frontend-nanodegree-arcade-game

Art work provided by Kenney.nl for his SpaceShooterRedux artpack

Laser art courtesy of Kim Lathrop.

Foundation HTML5 Animation with JavaScript was referenced for several animation solutions

Thanks to rwrountree for being a second pair of eyes and good advice! :)

Thanks to JohnMav for always accomodating the early morning coaching sessions!

Contribute

Please feel free to contribute and build off of this. Also, let me know of any issues!

• issues: github.com/shui91/project-asteroids/issues
• source: github.com/shui91/project-asteroids

License

This project is licensed under the MIT License

TO DO LIST:

• Initialize README.md
• Render background image
• Build general gameObj Object
  • Build Player Object
  • Build Asteroids Object
  • Build Missile Object

###Player

• Render spaceship
• Implement movement controls
  • Ship should move..like a ship..not like a rook
  • Space has no friction...so let's try and simulate that!
  • We actually need friction to help improve gameplay!
  • Ship should be able to wrap around the screen

Missiles

• Implement missile functionality
  • Can have multiple missiles, we should have an array of these objects
  • Missiles should expire
  • Missiles should blow up asteroids
  • Missiles should wrap around the screen
  • Missiles should come from the tip of the ship

###Asteroids

• Render One Asteroid
• Render multiple asteroids
• Asteroids should have random momentum/movement
  • Asteroids should also be able to wrap around the screen
  • Asteroids should SPIN...this is hard
  • Option: Asteroids should be able to split into smaller asteroids
  • Option: Rocks should bounce off of each other!

Collision (probably last to do..)

• must handle collision between ship and rock, rock and missiles...

###Menu

• able to start game when player ready
• able to restart game
• pause functionality
• able to choose a space ship
• maybe work on using on key events to start instead of button events..
• Add difficulty levels

###Score and Life system

• Keep track of score based on number of asteroids destroyed
• ~~ Scores and Lives show up on object collision ~~
• When lives < 0; game-over

###General

• Add sound??
• Smoother menu functionality
• Cleaner code implementation
• Better DOM manipulation