Mohsen's Classic Arcade Game

In my Front End Udacity nanodegree, I had to code a classic arcade game based on the game Frogger. The point of the game is to get your character from the grass over the road and into the water. The challenge is to avoid the bugs that travel on the road. If a bug is touched, the character is reset back at the beginning. Upon reaching the water, the user is also reset back to the beginning.

Live version

play at: https://mohsen-94.github.io/HTML-Canvas-Game/

Installing from Source

1. Just load index.html in browser.

2. Play the game.

How to Play:

The goal is to match is to jump into the water.

1. Using the arrow keys on your keyboard, move upwards.

2. Try and avoid the cockroaches and try and jump into the water.

3. If you made it in the water, you can play again. If you collided with a cockroach, start again!

Tools Used:

• The original udacity classic arcade game project:
  • https://github.com/udacity/frontend-nanodegree-arcade-game
• 2D Collision detection:
  • https://developer.mozilla.org/kab/docs/Games/Techniques/2D_collision_detection.