Classic Arcade Game
Classic Arcade Game is an overhead view action game reminiscent of games like Frogger. The game is built upon the HTML5 canvas element.
The Sprite Kingdom is under attack by the elite Swarm Brigade of the Bug Imperium, and the Sprite Castle has fallen! In his last dying breath, the King asked all sprite subjects to flee to royal ships waiting to evacuate. Save as many sprites as you can, being sure to grab as much treasure as possible.
How To Play
Keyboard Controls: Directional Arrows Touch Controls: Not yet developed. Stay tuned!
Your sprite generates at the bottom of the game board, and the central objective is to evade the swarm and reach the fleet just off the coast. A single hit by a bug results in the sudden death of the sprite, decreasing your life count by one and regenerating a new sprite if you have lives remaining. Upon reaching the top of the board, your sprite has escaped, awarding you 100 points, and a new sprite appear at the bottom of the screen. Save as many sprites as you can before you run out of lives, but be careful, as the Swarm Brigade speeds up as you build up points. As your sprite escapes, be on the lookout for the appearance of items on the gameboard, including hearts, which provides extra life, and gems, which increase the player's score by a value that varies based on the gem color. You start with three lives, and running out of lives results in a Game Over.
Run on the Web
$ git clone https://github.com/spmcbride1201/classic-arcade-game $ cd classic-arcade-game $ open index.html
git clone https://github.com/spmcbride1201/classic-arcade-game cd classic-arcade-game Start-Process -FilePath index.html
Note: The source currently is bundled with JQuery 2.2 and Bootstrap 3.3.6, and the files are intermingled in the js, css, font directories. I intend to clean up dependencies in the future through bower or npm.
As this was built as a submission to a Udacity Front-End Web Developer Nanodegree, you can check out the detailed instructions on this project in this guide and view the project's grading rubric if you want to whip out your red pen.
Associated courses for this project include:
I also sporadically referred to Pro HTML5 Games by Aditya Ravi Shankar. His browser implementation of my childhood favorite Command & Conquer convinced me that HTML5 canvas can be a seriously powerful tool.