Most examples used in this video series are based on my recently published book "Practical WebGPU Graphics"
WebGPU is the next-generation graphics API and future web standard for graphics and compute, aiming to provide modern 3D graphics and
computation capabilities with the GPU acceleration. This book provides all the tools you need to help you create advanced 3D graphics and
GPU computing on the web with this new WebGPU API. It provides about 60 ready-to-run sample programs that allow you to explore
WebGPU graphics techniques.
Live Demos for WebGPU Step-By-Step Video Series:
- Set up Development Environment
- Create First Triangle
- Create Triangle with Different Vertex Colors
- Create a Triangle with GLSL Shaders
- Create Point and Line Primitives
- Create Triangle Primitives
- Create a Colorful Square with GPU Buffer
- Create a Colorful Square with a Single GPU Buffer
- Create a Colorful Square with an Index GPU Buffer
- Create a 3D Cube with Distinct Face Colors
- 3D Cube Animation and Camamera Control
- 3D Cube with Distinct Vertex Colors
- Create a 3D Sphere Wireframe
- Create a 3D Cylinder Wireframe
- Create a 3D Cone Wireframe
- Create a 3D Torus Wireframe
- Implement Light Model: No demo for this video.
- Create a 3D Cube with Lighting Effect
- Create a 3D Sphere with Lighting Effect
- Create a 3D Cylinder with Lighting Effect
- Create a 3D Cone with Lighting Effect
- Create a 3D Torus with Lighting Effect
- Implement Colormap Model: No demo for this video.
- Implement 3D Simple Surfaces: No demo for this video.
- Create a 3D Sinc Surface
- Create a 3D Peaks Surface
- Implement 3D Parametric Surfaces: No demo for this video.
- Create a 3D Klein Bottle
- Create a 3D Wellenkugel Surface
- Create a 3D Seashell Surface
- Create a 3D Sievert-Enneper Surface
- Create a 3D Breather Surface
- Texture Mapping: No demo for this video.
- Create a 3D Textured Cube
- Create a 3D Textured Sphere
- Create a 3D Textured Cylinder
- Create a 3D Textured Sinc Surface
- Create a 3D Textured Peaks Surface
- Create a 3D Textured Klein Bottle
- Create a 3D Textured Wellenkugel Surface
- Create Multiple Texture Mapping
- 3D Surface Charts: No demo for this video.
- Create a 3D Sinc Surface Chart
- Create a 3D Peaks Surface Chart
- Create a 3D Sphere Surface Chart
- Create a 3D Torus Surface Chart
- Create a 3D Klein Bottle Surface Chart
- Create a 3D Wellenkugel Surface Chart
- Create Tow Cubes in a Single Scene
- Create Multiple Cubes in a Single Scene
- Create Multiple Objects in a Single Scene
- Create Multiple Objects using Different Pipelines
- Create 3D Surface Charts using multiple pipelines: No demo for this video.
- Create Sinc Surface Chart using Multiple Pipelines
- Create Peaks Surface Chart using Multiple Pipelines
- Anti-Aliasing: MSAA
- Domain Coloring for Complex Functions