Skip to content

Third Project of Udacity Front End Developer Nanodegree program .

Notifications You must be signed in to change notification settings

fadynabil10/Classic-Arcade-Game-Clone-1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Classic Arcade Game Clone: Frogger

This game is a project from the Front End Web Developer nanodegree by Udacity.

Objective

Catgirl is not like those cats that hate water, she wants to cross the stoned path so she can finally go for a swim at the lake. So all you need to do is get Catgirl to the water and you win the game. But beware the bugs! They are Catgirl's mortal enemies and you can't touch them at all or you lose!

So, to sum it up:

  1. Get to the water
  2. Don't touch the bugs

Arcade Game Demo



Classic arcade game clone https://www.youtube.com/embed/kaifTslArtY



# Introduction

An HTML5 Canvas powered video game, developed using the best practices in Object Oriented JavaScript.

Play the application

  1. Moving player (left, right, up or down) by using arrow key on the keyboard against any enemy.

  2. If player have a collision with an enemy, the player will be back to a default position (at the bottom of game screen), and a point will be decreased.

  3. If player reach the top of the game screen without any enemy's collision, the player will have a point.

  4. Default 10-points are bonus at the beginning

  5. When player arrives to Gem at the top without any enemy's collision, energy will be dramatically increased, blood will be filled until staying there without any enemy.

Code

Building:

  1. Create class of 'Contestant' Both Enemy and Player are Contestant, they have same method of 'render'

  2. Declare global variables at the top

Create its own method for 'Player' and 'Enemy'

  1. update
  2. handleInput
  3. Create a class of Gem and its method. Render two Images Gem and blood when player coming that position.
  4. Create allEnemies as array of object of class Enemy
  • All enemy objects in an array called 'allEnemies'
  • All enemies have their own random positions and speeds running the screen.

References



Fady Nabil

About

Third Project of Udacity Front End Developer Nanodegree program .

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published