Skip to content

An HTML5 Canvas powered video game, developed using the best practices in Object Oriented JavaScript.The classic arcade "frogger" game

Notifications You must be signed in to change notification settings

ivanteso/arcade-game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

46 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Memory Game, a Udacity's project (WORK IN PROGRESS)

This project is part of the Frontend Web Developer Nanodegree (full Google scholarship). This project's purose is to practice JavaScript's object-oriented programming

Table of Contents

Instructions

A starter code containing the main game's engine and resource loader has been provided. The goal was to develope all the objects and the functions to render all the characters and the texture, control them and define the game's rules. The game is pretty easy: you have to reach the top side of the canvas (water) with the player, avoiding the bugs coming from the left side of the screen. The player has 3 attempt (lives) to eventually win the game.

Installation

You can clone this repository or download it as a .zip file, then simply open the index.html file with your favourite browser and start to play!

Play

If you'd like to play a full version of the game, just click here! and enjoy.

Functionality

I've used ES2016's classes to define enemies and player. Both the classes have their one properties and functionalities:

  • Enemies' "y" and "speed" definers: these functionalities are made to randomly select the new y position and speed of the enemies every time they exit from the screen
  • Enemies' collision handler: to define when the enemy hit the player
  • Player's lives: every time the player crash into a bug, one life and one heart on top of the screen are removed. Player has 3 lives in total.
  • Input handler: define how the player moves into the canvas pressing arrow keys

Requirements

The game has to follow some code criteria in order to satisfy the project specifications. The full detailed list of the requirements is available to consult at the Project Rubric Link.

Dependencies

The project is created starting from the original Udacity's Project.

I've used the following resources in order to complete the project:

Javascript:

Contributing

All suggestions and tips will be more than appreciated but, as general rule, no pull requested are normally accepted.

TODO

This project is still pretty raw and I would like to add some extra functionalities to make it a little bit more interesting, like:

  • Select the player image
  • Add collectable to earn points
  • Add a score system
  • Add a timer
  • Add some other random enemies
  • Enlarge the canvas
  • Add style to the whole page

About

An HTML5 Canvas powered video game, developed using the best practices in Object Oriented JavaScript.The classic arcade "frogger" game

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published