Shape Wars is a vanilla JavaScript game using HTML5 Canvas.
I made this project while attending App Academy.
Heavily inspired by Geometry Wars and Asteroids. The game is a top down arcade shooter. I programmed the various enemy types, some enemies follow you around, others avoid your incoming bullets, and the rest wander aimlessly.
The point of the game is to survive waves of incoming enemies in order to obtain the high score.
One thing I would like to point out is recently (December 2020) I did a rewrite of the code to make it more object oriented, modular and actually utilized Webpack (Young me was so stuck trying to figure this out in 2018!). Check out this pull request I issued with the full refactor. If I ever do something like this again I'll try to do a better job at making smaller PRs so my updates and refactors can be easier to follow along with.
I was happy how the game came out. After the refactor, I was very happy with how the code came out.
git clone https://github.com/gabrieltal/shape_wars.git
cd shape_wars
npm installTo have webpack compile and watch:
npm run devThen go to localhost:8080 to see the game running.
You play as a ship and are able to move around the board with WASD commands. You can rotate the ship with the left and right arrow keys.
Players shoot projectiles with the goal to survive waves of enemies and destroy as many enemies as possible. Players only have 3 lives and they are given 2 bombs that can wipe the board of enemies.
The game has three enemy types.
- Enemies that wander aimlessly
- Enemies that follow and pursue the player.
- Enemies that follow and pursue the player and also try to dodge the player's projectiles.
When firing bullets the bullets are released and proceed in a straight line.
After each enemy is destroyed a parade of particles are released and give life and color to the game.
- I would like to add a backend to hold high scores
- Add power ups to give players bonus lives, bombs, etc
- Add more enemy types!