This is my Frogger clone for Udacity's Front-End Web Developer Nanodegree
Installation:
- Download the repository:
- Click download ZIP on the right of the screen, then extract the zip file to your computer, or clone the repository using git.
- Navigate to where you unzipped the file or cloned the repository.
- Double-click index.html to open the game in your browser.
Or, point your browser to http://lacyjpr.github.io/arcade/
Gameplay:
- Press enter to start the game.
- Use the arrow keys to move.
- The objective is to reach the top of the water and collect gems to score.
- Each time you reach the top of the water, difficulty increases.
- Collect hearts to gain extra lives.
- Avoid the bugs, they kill you. You start with three lives.
Resources I referred to while working on this project:
- http://irene.marin.cat/udacity/project3/index.html
- https://github.com/ncaron/frontend-nanodegree-arcade-game/blob/master/js/app.js
- https://github.com/asaki444/frontendfrogger/blob/master/js/app.js
- The Udacity Front-End Nanodegree Forums: https://discussions.udacity.com/c/nd001-project-3-classic-arcade-game-clone
- https://discussions.udacity.com/t/having-trouble-displaying-the-score/26963
- https://discussions.udacity.com/t/need-help-refactoring/32466
- https://discussions.udacity.com/t/finite-state-machine-to-model-game-states/21955
- https://discussions.udacity.com/t/canvas-not-clearing-player-bug-fixed/29714
- https://developer.mozilla.org/en-US/docs/Games/Techniques/2D_collision_detection
- http://stackoverflow.com/questions/4950115/removeeventlistener-on-anonymous-functions-in-javascript
- http://stackoverflow.com/questions/14542062/eventlistener-enter-key
- http://stackoverflow.com/questions/21553547/how-to-clear-timeout-in-javascript
- https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/clearTimeout
- https://discussions.udacity.com/t/jshint-warnings/34854/5