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.
-
Just load index.html in browser.
-
Play the game.
The goal is to match is to jump into the water.
-
Using the arrow keys on your keyboard, move upwards.
-
Try and avoid the cockroaches and try and jump into the water.
-
If you made it in the water, you can play again. If you collided with a cockroach, start again!
- The original udacity classic arcade game project:
- 2D Collision detection: