← Catalog
WebGPU · three.js

GPU Particles with Compute Shaders

A million particles simulated and rendered entirely on the GPU.

Free preview

What you will build

A million particles simulated and rendered entirely on the GPU.

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()
// compute-particles: 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 / 中文)