← Catalog
WebGPU · three.js

PBR from Scratch

Cook-Torrance BRDF, image-based lighting and tone mapping in WGSL.

Free preview

What you will build

Cook-Torrance BRDF, image-based lighting and tone mapping in WGSL.

Free preview below. The full runnable project and PDF notes unlock after purchase.

Preview: the core idea

const renderer = new THREE.WebGPURenderer({ antialias: true })
await renderer.init()
// pbr-from-scratch: see the full project for the complete pipeline
  • Animated principle diagrams, then real runtime output
  • Traced events from the instrumented code drive every visual
  • Bilingual subtitles (EN / 中文)