WebGPU by Examples

• Home
• Ch01: Get Started
  • WebGPU Info
  • Frame Rate
  • Triangle with Vertex Color
  • Triangle Primitives
  • Triangle With GPU Buffer
• Ch02: 3D Shapes and wireframes
  • Rotating Cube
  • Rotating Cube 2
  • Cube with Wireframe
  • Cube with MSAA
  • Sphere with Wireframe
  • Icosphere with Wireframe
  • Cylinder with Wireframe
  • Torus with Wireframe
• Ch03: Lighting and Shading
  • Cube with Blinn-Phong Model
  • Sphere with Blinn-Phong Model
  • Torus with Blinn-Phong Model
  • Directional Light
  • Point Light
  • Spot Light
  • Soft-Edge Spot Light
  • Fog Effect
• Ch04: Advanced Lighting
  • Simulate Shadow
  • Physically-Based Light
• Ch05: Colormap and 3D Surfaces
  • Simple 3D Surfaces
  • Parametric 3D Surfaces
  • Mulriple Simple 3D Surfaces
  • Mulriple Parametric 3D Surfaces
• Ch06: Texture Mapping
  • Cube with Texture
  • Sphere with Texture
  • Textured Simple Surface
  • Textured Parametric Surface
  • Cube with Multiple Textures
  • Cube with Normal Map
  • Sphere with Normal Map
  • Cube with Parallax Map
• Ch07: Compute Shader: 3D Surfaces
  • Simple 3D Surfaces
  • Parametric 3D Surfaces
  • 3D Super Shapes
• Ch08: Procedural Terrains
  • CPU Terrain
  • CPU Terrain with Water Level
  • CPU Terrain Chunk
  • CPU Terrain Instances
  • CPU Terrain with Multiple Chunks
  • CPU Terrain Animation
  • GPU Terrain
  • GPU Minecraft
• Ch09: Marching Cubes
  • Implicit 3D Surfaces
  • Metaballs
  • Voxel Terrain
  • Volcano
  • Voxel Minecraft
• Ch10: Visualizing Complex Functions
  • CPU: 3D Complex Plots
  • GPU: 3D Complex Plots
  • Domain Coloring
  • Iterate Functions
• Ch11: Particle System
  • Boids Simulation
  • Gravity Simulation
  • Firework Simulation
  • Fire Simulation
  • Gravity on 2D Grid
  • Electric Field
  • Universe
  • Stars
• Ch12: Text Rendering
  • Text Using Canvas
  • Canvas on Cube
  • Text Using Bitmap Fonts
  • Text Using Glyph Geometry