WebGPU Tutorial - Advanced Graphics on the Web Course

This course introduces WebGPU development for creating interactive 2D and 3D graphics in the browser. Learners build colored shapes and cubes, add animation, camera control, lighting effects, colormaps, and 3D mathematical surfaces.

Syllabus

) Introduction.
) 1. Development Environment.
) 2. Create a Colorful Triangle.
) 3. Create a Square with GPU Buffer.
) 4. Cube with Distinct Face Colors.
) 5. Animation and Camera Control.
) 6. Light Model.
) 7. Cube with Lighting Effects.
) 8. Colormap.
) 9. 3D Simple Surfaces.
) 10. 3D Sinc Surface.
) More WebGPU graphics examples.