A 3D marble race built with Three.js and react-three-fiber, using
@react-three/rapier for real-time physics — gravity, collisions, and
momentum all calculated live as the marble rolls, bounces, and tumbles
through a randomly generated obstacle course.
State (level progress, timer, restart logic) is managed with Zustand.
Started as a Three.js Journey course exercise and evolved into a
standalone project once I got hooked on tuning the physics feel.
I took the three.js course led by Bruno Simon on Three.js Journey. The course was challenging and a lot of fun. Anyways, I thought this marble race was really cool. So I’m sharing it here!