Skip to content

batwell31/frontend-nanodegree-arcade-game

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

68 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

frontend-nanodegree-arcade-game

This is the third project I've completed through Udacity. It is a Classic Arcade Game Clone was provided to me as one of my projects in the Front-End Web Developer Nanodegree by Udacity. It's a modern variation of Frogger the classic arcade game, developed with HTML 5, Canvas Element, and Object Oriented JavaScript.

TRY IT LIVE

https://batwell31.github.io/frontend-nanodegree-arcade-game/

CHARACTER SELECTION

(WARNING: THIS WILL RESET THE GAME, AS WELL AS YOUR SCORE!)

I have implemented the option for character selection!

  1. Walk your player over to the selector image on the bottom right of the screen
    • Notice a Modal will apear
  2. Click the character (button) you wish to be!
    • THIS WILL RESET YOUR GAME
  3. Selecting a different character will also reset your location (closing the modal)
    • Also walking away from the selector platform will also close the modal!
    • Give it a try!

MUSIC CONTROLS

Music will start playing upon page load. You can:

  • Pause the music by pressing the 'Pause Button'

    • Turn it back on by pressing the 'Play Button'
  • Mute the music by pressing the 'Speaker Button'

    • Un-Mute the music by pressing the 'Muted-Speaker Button'

HOW TO PLAY

  • The goal is to reach the water without getting hit by the 'bugs'
    • Reaching the water will:
      • Add 1 point to your total score
      • Reset your position to where you first started!
    • Colliding with an enemy will:
      • Cause your score go down 1 point, so becareful!

CONTROLS

  • The player (you) will move with the arrow keys on your keyboard.
    • (Left/Right/Up/Down)

HOW TO WIN!?

  • To win all you have to do is get a score of 10

    • (REMINDER: Getting hit by the bugs will make your score go down)
    • Changing characters at any point will reset your score, so keep that in mind!
  • There will be a suprise at the end as well!

    • If you wish to keep playing after you win the game feel free!

Acknowledgements

index.html, js/resources.js, and js/engine.js were provided to me as part of the Udacity's Front-End Web Development Nanodegree.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 87.9%
  • CSS 6.9%
  • HTML 5.2%