Provided with visual assets and a game loop engine, using these tools you must add a number of entities to the game including the player characters and enemies to recreate the classic arcade game Frogger.
Download the repository in your desktop, unzip it and open the "index.html" file in your browser to play the game Or you can play online version of My game here
- Press enter to start the game.
- Use the arrow keys to move UP DOWN LEFT RIGHT.
- The objective is to get the KEY reach WATER at the top.
- Each time you reach water with the key, difficulty increases.
- Avoid touching bugs.
- If you touch a bug you lose a life, if you have no lives the game is over.
- Collect HEART to increase your lives by +1 and GEMS to score.
Udacity's Instructions
- If you need a refresher on Object Oriented JavaScript, review our course and OOJS Notes; if you'd like a more detailed explanation as to how the game engine works, see our HTML5 Canvas course. -Make sure the functions you write are object-oriented - either class functions (like Player and Enemy) or class prototype functions such as Enemy.prototype.checkCollisions, and that the keyword 'this' is used appropriately within your class and class prototype functions to refer to the object the function is called upon.
- Read the detailed instructions for the project. -Students should use this rubric for self-checking their submission
- Download the art assets and provided game engine.
- Review the video of the completed game and take note of the game's rules.
- Review the code and comments provided in app.js
- Identify the various classes you will need to write.
- Identify and code the properties each class must have to accomplish its tasks.
- Write the functions that provide functionality to each of your class instances.
Game engine.js and resources.js by Udacity Game sounds from Freesounds.org Background Game Art by Bart 2D Backgrounds Set (opengameart.org)