/FEND_Project03

Front End Nano Degree, Arcade Game

Primary LanguageJavaScript

frontend-nanodegree-arcade-game

===============================

How to install and run

  • Clone this repository into a directory that you have access to: git clone https://github.com/gneissguise/FEND_Project03.git

  • Run a simple webserver on the directory that you cloned the project into: http-server ./FEND_Project03

    • Note: if you do not have access to a webserver, you may install http-server via npm: npm install http-server -g
  • Open your favorite browser, and navigate to http://localhost:8080/

How to play

  • When you first open the game, you will be brought to the start screen. Your options are:

    • Start Game
    • Help
    • Credits
  • Click the Start Game button to launch a new game.

  • After clicking Start Game, you may choose the character that you wish to play as. Click the arrow buttons to scroll through the selection of characters, and when you have chosen your character click start.

  • You may now play the game! Use the arrow keys on your keyboard to move your character around.

  • The object of the game is to guide your character across the road into the water. Try not to get hit by the bugs!

  • If you are hit by a bug, you will lose a life (heart). If you lose all three lives, you lose the game.

  • Every time you make it to the water, the level will increase and your character will be moved back to the starting point. For each level the difficulty of the game will increase (meaning the bugs will get faster!)

  • Try to see how far you can get! Some have made it to level 20! Brag to your friends!

  • To pause the game type P or ENTER on your keyboard; to exit, type ESC

Dependencies

  • jQuery 3.3.1
  • Google Fonts

Credits

  • Game assets and starting game engine template provided by Udacity.
  • Game implementation, animation, complete windowing system, and enhancements to game engine/rendering system by Justin Frost.
  • Title font provided by Google Fonts.
  • And a little bit of jQuery was sprinkled in for good measure!