Practical WebGPU Graphics

-- Creating Advanced Graphics on Web Using WebGPU - the Next-Generation Graphics API

(click on the following links to see the live example projects)

---

Chapter 2. WebGPU Basics

• Triangle
• GLSL Triangle

Chapter 3. WebGPU Primitives

• Points
• Lines
• Triangles

Chapter 4. GPU Buffers

• Colored Triangle
• Triangle: One Buffer
• Square
• Square with Index Buffer

Chapter 5

• Transformations
• Projection

Chapter 6

• 3D Line
• Cube: Face Color
• Cube: Vertex Color

Chapter 7. 3D Wireframe Shapes

• Cube Wireframe
• Sphere Wireframe
• Cylinder Wireframe
• Cone Wireframe
• Cone Wireframe

Chapter 8. Lighting in WebGPU

• Cube with Lighting
• Sphere with Lighting
• Cylinder with Lighting
• Cone with Lighting
• Torus with Lighting

Chapter 9. Colormap and 3D Surfaces

• Sinc Surface
• Exponential Surface
• Peaks Surface
• Helicoid Surface
• Klein Bottle
• Wellenkugel Surface
• Radial Wave Surface

Chapter 10. Textures

• Cube with Texture
• Sphere with Texture
• Cylinder with Texture
• Sinc Surface with Texture
• Peaks Surface with Texture
• Klein Bottle with Texture
• Wellenkugel Surface with Texture
• Cube with multiple Textures

Chapter 11. 3D Surface Charts

• Sinc Chart
• Exponential Chart
• Peaks Chart
• Sphere
• Torus
• Klein Bottle
• Wellenkugel Chart

Chapter 12. Complex Function Plots

• Complex 3D Surface
• Animate Vertex
• Fractal
• Fractal from Shader

Chapter 13. Create Multile Objects

• Two Objects
• Multiple Objects
• Two Pipelines
• Surface Chart
• Surface Chart with Axes

Chapter 14. Compute SHaders and Particles

• Test Compute Shader
• Compute Boids
• Particles