Skip to content

About

No description, website, or topics provided.

Resources

Stars

1 star

Watchers

0 watching

Forks

Repository files navigation

Bomberman Three.js

A browser-based Bomberman-style arena game in 3D — clear bricks, dodge blasts and bugs, find the exit, finish the campaign.

The Problem

Classic bomber arenas are usually flat and fixed-camera. Players who want a short arcade run in the browser rarely get the same rules with a choice of how they see the fight — top-down comfort or a closer, immersive view — without learning a new game.

What It Does

  • Procedural bomber arena with fixed walls and destructible bricks
  • Place bombs, chain explosions, clear rubble
  • Patrol enemies (“bugs”) — blast them or get caught
  • Hidden exit gate under a brick; step through to advance
  • Five-level campaign; surviving bugs carry into the next arena
  • Four camera modes: first person, third person, top-down, orbit
  • Short win/lose loop with a one-key restart

Run

npm install
npm run dev

Open the URL Vite prints (usually http://127.0.0.1:5173).

Controls

Key Action
WASD / Arrows Move (camera-relative except top-down)
Space Place bomb (restart when game over / won)
1 / 2 / 3 / 4 First / third / top-down / orbit camera
C Cycle camera mode
R Restart campaign
Mouse Look (1st & 3rd person — click canvas to lock pointer)

Architecture Overview

Gameplay rules run on a steady simulation tick; the 3D view smooths motion every frame. One shared game state drives the HUD and the scene. Camera mode changes how you look and how movement maps to the grid — not the win conditions.

More detail: release-docs/ARCHITECTURE.md

Tech Stack

React · Three.js · React Three Fiber · Vite · TypeScript

Status

Playable campaign prototype (v0.1)

Showcase docs

Public architecture notes (no internal session/dev notes):

About

No description, website, or topics provided.

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages