Skip to content
No description, website, or topics provided.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
audio
css
images
js
.DS_Store
README.md
index.html

README.md

Image of arcade game board

Classic Arcade Game Clone Project

This Classic Arcade Game Clone Project is the third project for the Udacity Front-End Web Developer Nanodegree.

About the Game

The classic arcade game requires the player to try to get to the water while avoiding the speeding bugs. If the player is hit by a bug they will reappear at the beginning of the game.

Use the UP, DOWN, LEFT and RIGHT arrow keys to move the character around the screen.

Project Files

This game requires the following (all included within the repository):

  • HTML file (index.html)
  • CSS file (style.css)
  • JavaScript files (app.js, engine.js, resources.js)
  • Images (images within the 'images' folder)

Instructions

To work with the files:

  1. Click on the 'Clone or download' button.
  2. Press the 'Download ZIP' button
  3. Unzip the files on your computer
  4. Open the index.html file within an Internet browser

Alternatively, if you have GitHub installed:

  1. Click on the 'Clone or download' button.
  2. Copy the github .git URL file (e.g. https://github.com/git-andrewjlim/fend-nanodegree-classic-arcade-game.git
  3. Navigate to your GitHub repository location on your computer
  4. In your console type 'git clone ' and paste the .git URL
git clone https://github.com/git-andrewjlim/fend-nanodegree-classic-arcade-game.git
  1. Open the downloaded index.html file within an Internet browser

Project Link

Link to project

Topics Covered

The project encompases all the following topics of the 'JavaScript and the DOM' chapter:

  • Object
  • Classes
  • IIFE
  • Canvas
  • Functions
  • Function parameter defaults
  • Prototype & Inheritence

Dependencies

The main game JavaScript file is dependant upon the support JavaScript files engine.js and resources.js.

Acknowledgments

The original HTML,CSS and JavaScript templates were provided as a basis and was slightly manipulated to dynamically build the board and interactions.

You can’t perform that action at this time.