BOMBOCLAT
3D browser game inspired by Bomberman
live: https://bomboclat.jestev.es/
source code: https://github.com/joaoesteves10/cg-bomboclat
Context
3D remake of classic Bomberman built for the Computer Graphics course, using Three.js. The avatar (with articulated arms and legs) runs from rats, collects coins and uses bombs to destroy blocks in a three-dimensional maze. It has three camera modes (perspective, orthographic and a free camera for inspection) and a lighting menu that toggles six individual lights on/off (ambient, sun, fill, rim and two point lights). It's also integrated as one of the games on the playAble platform. Since then it's been refactored, optimized and had bugs fixed; it's fully self-contained, just drag the compiled build onto any web server and it runs.
Technical challenges
- 3D physics and collisions — collision detection and block destruction in a three-dimensional maze
- six lights with real-time control — ambient, sun (directional), fill, rim and two point lights combined for depth, with an in-game menu (L key) to toggle each one individually
- three camera modes — switching between perspective and orthographic (C key), plus a free camera driven by mouse and arrow keys (V key) for inspecting models up close and diagnostics, which pauses the avatar's movement while active
- articulated animation — the avatar's arms and legs animated via rotation/translation while walking, enemies with continuous rotation, and explosions animated through scaling
- three different mazes — maze, classic and arena layouts, each defined as its own grid of walls and destructible blocks
- custom and imported 3D assets — combining models built from scratch with third-party models adapted in MagicaVoxel, keeping a visually consistent voxel style across the scene
Screenshots
