This is a project I did for the Udacity Front End Web developer nanodegree. This game is loosely based on the arcade game Frogger . Some concepts and strategies this project demonstrates are html5 canvas, object oriented javascript and some new ES6 features.
- Use the arrow keys to navigate your character
- Avoid the bugs moving from left to right across the screen
- Move the character to the river at the top 5 times to win.
- The player has 3 lives, losing 1 each time a they run into a bug.
- If the player loses all 3 lives they lose.
- The player can gain a life by reaching a tile with a heart on it.
- The player can slow time for 5 seconds by reaching a tile with a star on it.
- Download or Clone the Repository.
- Double click the
index.html
file to view the project in your browser.
- https://www.youtube.com/watch?v=40Me1-yAtTc (sound tutorial)
- https://freesound.org/people/Under7dude/sounds/163441/ (ouch sound)
- https://freesound.org/people/InspectorJ/sounds/352101/ (splash sound)
- https://www.myinstants.com/instant/mario-star-power/ (mario star sound)
- https://www.youtube.com/watch?v=5-zYkMrmMO8 (make round button using font awesome icon)
- https://github.com/ayannone/Nanodegree-Project-3-Arcade-Game/ (I took alot of inspiration from this person's implementation of the project, specifically the ideas of adding sound effects as well as showing the game rules and character selection on the sides)