Skip to content

Latest commit

 

History

History
62 lines (50 loc) · 2.81 KB

File metadata and controls

62 lines (50 loc) · 2.81 KB

Frog Guy

Frog Guy

An arcade game project inspired by "Frogger" (1981) written in pure JS using HTML canvas & CSS.

Table of Contents

General information

  • This is a simple clone of "Frogger" game originally made by Konami in 1981. It was written in pure JavaScript with a little help of HTML5 and CSS code. It uses HTML canvas for drawing graphics and JS code for mechanics.
  • The project presents my programming skills how I do write code taking care of several optimisations.
  • The player controls the frog which must reach the top of the screen crossing the road and the river.
  • Win condition: the player reached the top of the screen.
  • Lose condition: the player lost all lives.

Used technologies

  • HTML5 for displaying the game window using canvas,
  • CSS for adjusting the game window,
  • JavaScript for programming,
  • Visual Studio Code IDE for writing code,
  • GIMP & Paint.NET for making graphics,
  • FamiStudio for making music & sound effects.

Features

  • 2 scenes,
  • 8 sound effects,
  • 5 types of vehicles,
  • 2 types of entities on water,
  • Saveable the player & high scores,
  • Resizable game window by the given scale,
  • A fly spawning in one of available destination positions,
  • Adjustable size of the field which was split into areas (frog locations, water, walkways & street),

Scenes

Main Menu

A starting scene with the option to start a new game.

Frog Guy (Main Menu)

Game

A scene wherein the game is played.

Frog Guy (Game)

Usage

  • Enter - Starting the game,
  • W / S / A / D - Moving the frog (you can press and hold).

Project status

COMPLETED


The project is complete and ready to play.

Credits

This project was made entirely by Stanisław "Jason" Popowski.