NOTE: A new and improved version of this project can be found here
A simple variant on the original arcade game. A deployed version of Asteroids can be found here.
Asteroids is built using HTML canvas, which draws objects at every frame. The game logic is written in Javascript, using Babel to transpile ES2015.
On the opening menu, click on a mode to select it, which begins the game. Use the left and right arrow keys to rotate the ship, the up arrow key to move, the space bar to fire, and the P key to pause/unpause.
- There are multiple game modes to choose from
- The game has various sound effects
- Powerups are periodically placed in the game, which can be picked up for bonuses
- The game keeps track of the player's score, remaining lives, elapsed time, and score multiplier. These are displayed to the user depending on whether they're relevant to the current game mode.
- Upon spawning, the ship will be briefly invincible, indicated by flashing.
- Clone the repo
npm installwebpackopen index.html
I've previously tried to get the asteroids to bounce off of each other with realistic collision physics based on the asteroids velocity and size (as a proxy for mass). The result was incredibly buggy, mostly due to the possibility of asteroids overlapping. This needs a lot more work.
I'd like to come up with more types of powerups. Temporary invincibility is one idea
Currently the only enemy type is simple asteroids. More complex and varied enemies would be interesting.
In addition to choosing a mode at the beginning of the game, players should also be able to choose a weapon type.