WebGPU · WGSL · Compute
Learn WebGPU
An interactive tutorial for WebGPU, the next-generation Web graphics API — learn by writing real code in your browser.
Step-by-step learning
Tutorials structured to take you from the basics through advanced topics, one step at a time.
Interactive
Edit code in the browser and see results in real time.
Practical content
Practical techniques you can apply to real projects.
What you'll learn
Basics
- ✓WebGPU concepts and setup
- ✓Drawing your first triangle
- ✓Introduction to WGSL
- ✓Buffers and data transfer
Advanced
- ✓3D transforms and matrices
- ✓Texture mapping
- ✓Lighting and shading
- ✓Performance optimization