WebGPU
Master modern GPU programming from first principles through interactive visualizations
Part 1
The GPU Mental Model
Understanding how GPUs think differently from CPUs
Part 2
Getting Started
Setting up WebGPU and drawing your first triangle
Part 3
The Render Pipeline
Understanding the stages of rendering
Part 4
Compute Shaders
General-purpose GPU computation
16
Your First Compute Shader
Parallel computation on the GPU
17
Workgroup Organization
Choosing workgroup sizes
18
Shared Memory
Workgroup shared variables
19
Parallel Patterns
Reduction, scan, and histogram
20
Atomics and Synchronization
Atomic operations and barriers
21
Compute to Render
Using compute output in rendering
Part 5
Textures and Sampling
Working with images on the GPU
Part 6
3D Graphics
Building 3D scenes with WebGPU
Part 7
Advanced Rendering
Sophisticated rendering techniques
Part 8
Simulation and Effects
GPU-accelerated simulations
Part 9
Performance and Debugging
Optimizing and troubleshooting WebGPU applications
Part 10
Real-World Patterns
Production-ready WebGPU techniques