Three.js Journey

Lessons

My working files as I go through the course — each lesson is a standalone scene.

6 lessons so far

16 Classic Techniques

Haunted House

The full scene build — house, graves and fog, with PBR texture sets for the walls, roof, floor and bushes.

PBR TexturesFogTimer

Open lesson

15 Classic Techniques

Shadows

Directional and ambient light over a sphere and floor plane, with lil-gui controls for light position and material response.

DirectionalLightMeshStandardMateriallil-gui

Open lesson

14 Classic Techniques

Lights

Ambient and point lights over a standard material, shading a sphere, cube, torus and floor plane.

AmbientLightPointLightMeshStandardMaterial

Open lesson

12 Basics

3D Text

TextGeometry with a loaded font and matcap materials, surrounded by a field of scattered donuts.

TextGeometryFontLoaderMatcap

Open lesson

11 Basics

Materials

Every built-in material side by side — from MeshBasic to MeshPhysical with transmission, lit by an HDR environment map.

MeshPhysicalMaterialRGBELoaderlil-gui

Open lesson

04 Basics

Transform Objects

Position, rotation and scale on a mesh, with an axes helper for orientation.

MeshPositionAxesHelper

Open lesson