LEARNING IN THREE DIMENSIONS
Three.js Experiments.
From my first scene to a playground of light, motion, and physics. A collection of small discoveries, made with Three.js and React Three Fiber.
Learning by building, one scene at a time.
I wrote all of these experiments while learning Three.js, using React Three Fiber to bring my ideas into React. Each scene was a chance to get my head around something new — shadows, materials, animation, shaders, or physics. Hand-coded before AI coding assistants, they’re a record of my progress, with plenty of trial and error along the way.
THE 3D WORKBENCH
43 scenes · One learning journeyChoose an experiment
Start at the beginning or follow your curiosity.
Getting started
Light & atmosphere
Models, text & animation
Materials & interaction
Effects & composition
Physics playground
A LITTLE SPACE TO EXPERIMENT
A different dimension.
Pick a scene and see a small piece of my Three.js learning journey come to life.