Course Contents
(0:00:00) Introduction
(0:02:35) 1. Development Environment
(0:18:09) 2. Create a Colorful Triangle
(0:31:12) 3. Create a Square with GPU Buffer
(0:43:50) 4. Cube with Distinct Face Colors
(1:00:33) 5. Animation and Camera Control
(1:09:14) 6. Light Model
(1:26:27) 7. Cube with Lighting Effects
(1:32:42) 8. Colormap
(1:44:57) 9. 3D Simple Surfaces
(1:54:51) 10. 3D Sinc Surface
(2:03:26) More WebGPU graphics examples
WebGPU Tutorial – Advanced Graphics on the Web Course
freeCodeCamp
via YouTube
In this course, you will learn the basics of WebGPU. WebGPU is the next-generation graphics API and future Web standard for graphics and compute. This two-hour video contains 10 WebGPU projects. We create each project based on the previous one from scratch and demonstrate how to add 3D graphics to your web applications.
Instructor(s)
Dr. Jack Xu