About the project

Physics meets the browser

Marble Race is a 3D browser game built as the final project of the Three.js Journey course. You control a marble rolling through a procedurally generated obstacle course — spinners, sliders, and blockers — all powered by the Rapier physics engine via React Three Fiber.

Every run spawns a fresh layout, so the course is never the same twice. A timer starts the moment the marble moves and stops when you cross the finish line, giving you a clean split to chase.

The camera follows the marble with a spring-damped offset, keeping the action centered without snapping. Keyboard and touch controls are both supported so it plays on desktop and mobile alike.

React Three Fiber Rapier Physics Zustand Three.js

Engineering Game Design Shaders & Materials

Personal project — Three.js Journey final chapter

2024