/frontend-nanodegree-arcade-game

Frogger game built by Canvas and JavaScript with MVC architecture.

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

JavaScript Frogger Game

How to load the game

Click here to load the game.

You can also clone the repository to your local machine to run the application locally and open the index.html file in your browser to load the game. Click on the Clone/Download button towards the top of this repository for options.

How to play

Use the arrow keys on your keyboard to move your player around! Your goal is to reach the water without touching any of the enemy bugs. If your player grazes one of the bugs, your player will land back on the grass and you will have to start all over, so don't do it. Your player may get a wardrobe change, gender change, or both, so try not to touch the bugs if you're not ok with that. The bugs will head the opposite direction upon collision with the player.

Dependencies

  • JavaScript
  • Google Fonts

License

This project is licensed under GNU GPLv3.

Acknowledgments

The following resources really helped me with this project. Arcade Game Walkthrough Part 2- Pseudo Code by Matthew Cranford.

http://w3bits.com/javascript-modal/

https://css-tricks.com/using-requestanimationframe/

https://developer.mozilla.org/en-US/docs/Games/Techniques/2D_collision_detection

https://jlongster.com/Making-Sprite-based-Games-with-Canvas

Code for random number generator sourced from: https://stackoverflow.com/questions/1527803/generating-random-whole-numbers-in-javascript-in-a-specific-range