Skip to content

chrisdurfee/multisplode

Repository files navigation

Multisplode (Web App Game)

Overview

This is a game written in JavaScript using the Canvas API and the Base framework. The game is designed to be installed as a Progress Web App (PWA) on a mobile device.

The game is created to be fun and addictive. The UI has been created to be bright, vibrant, and changes as you play.

The game loop is simple. Destroy as many particles with the allowed number of devices given on a level. If you destroy the minimum number of particles, you will unlock on to the next level. There are 40 levels in total.

Here is the link to play online: Multisplode

Features

  • 40 levels of increasing difficulty
  • Particle explosion effects
  • Particle collision effects
  • Different particle types
  • Different device types
  • High Score tracking
  • Post level notifications to encourage the player

Technologies

  • JavaScript
  • HTML
  • CSS
  • Canvas API
  • Base Framework
  • Vite

Screenshots

Home Settings Levels Prompt Level 11 Level 37 Level Summary Level Summary

Getting Started

To set up the project, follow these steps:

  1. Clone the repository:
git clone https://github.com/chrisdurfee/multisplode.git
  1. Navigate to the project directory:
cd multisplode
  1. Install dependencies (ensure Node.js is installed):
npm install
  1. Run the development server using Vite:
npm run dev