milostomsik1 / squash

A squash game done in p5.js - canvas

SQUASH GAME - P5.js

Playable demo: Squash Game on Surge

Tech Stack:

• Javascript (ES6, native, non-transpiled)
• P5.js canvas library
• live-server for development

Keybinds:

• W - Paddle Up
• S - Paddle Down
• P - Pause Game
• Space - Start

Development:

yarn to install dependencies
yarn dev to run the development environment

Production:

Open index.html

Runs natively on modern browsers that support ES6 syntax.
Defaults to 60FPS refresh rate.

Features:

• Red Wall Of Doom that slowly moves towards and is limited to middle of the screen reducing the available reaction time
• Ball speed is equal to base value plus fraction of score points and max speed is limited

TODO:

• UI scaling for different sized devices
• Implement xUnit, yUnit relative to window size
• Fix window resize
• Graphical improvements
• Improve ball Y direction
• Delay before spawning new ball
• Add mobile support