The thewallgame from jmarzo

thewallgame's Introduction

  _____ _           __        __    _ _    ____                      
 |_   _| |__   ___  \ \      / /_ _| | |  / ___| __ _ _ __ ___   ___ 
   | | | '_ \ / _ \  \ \ /\ / / _` | | | | |  _ / _` | '_ ` _ \ / _ \
   | | | | | |  __/   \ V  V / (_| | | | | |_| | (_| | | | | | |  __/
   |_| |_| |_|\___|    \_/\_/ \__,_|_|_|  \____|\__,_|_| |_| |_|\___|

Welcome to another pong game, but this time against the Berlin's wall. Keep going, don't give up and smash it down hit by hit. Be careful, every hit makes the ball speed up!

Instructions

Use the trackpad or the mouse to move the racket up and down.
If you miss the ball you have to start over again, just wait for the trumpet to concloude it's solo.
Keep going, the wall is not ubreakable but after every hit the ball is going to speed up!
It's a game developed with HTML, CSS, and JavaScript, ensuring compatibility across every browser.
You don't need to install or download anything, you can play it here.

Download

You can download it on your local machine and run the index file on your browser to play it.
You can use the code and modify it as you like.

Purpose

This project is my first web app, it was designed and developed in 5 days.
This project needed to be developed using HTML, CSS, JS.
DOM manipulation and OOP were mandatory requirements.

JS Structure

script.js contains the main game loop, it defines and manage every game stage: start, lose, win.
ball.js contains the core of the program: collisions, speed, directions.
racket.js wraps the racket element.

Credits The Wall Game was developed by Jacopo Marzola

Recommend Projects