WebGPU Tutorial - Advanced Graphics on the Web Course

Overview

Dive into the world of advanced web graphics with this comprehensive WebGPU tutorial. Learn the fundamentals of WebGPU, the next-generation graphics API and future Web standard for graphics and compute, through 10 hands-on projects. Start by setting up your development environment, then progress through creating colorful triangles, squares with GPU buffers, and cubes with distinct face colors. Master animation and camera control techniques, implement light models, and apply lighting effects to cubes. Explore colormaps and create 3D simple surfaces, culminating in a 3D Sinc surface project. Access accompanying code for each project on GitHub, and discover additional WebGPU graphics examples to further enhance your skills. Developed by Dr. Jack Xu, this 2-3 hour course offers a practical, step-by-step approach to mastering WebGPU and adding stunning 3D graphics to your web applications.

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.