Learn WebGPU

For native graphics in C++.

This documentation walks you through the use of the WebGPU graphics API to create native 3D applications in C++ from scratch, for Windows, Linux and macOS.

Contents

• Introduction
• Getting Started
  • Project setup
  • Opening a window
  • Hello WebGPU
  • The Adapter
  • The Device
  • The Command Queue
  • First Color
  • C++ wrapper
• Basic 3D Rendering
  • Hello Triangle
  • Input Geometry
    • Playing with buffers
    • A first Vertex Attribute
    • Multiple Attributes
    • Index Buffer
    • Loading from file
  • Shader Uniforms
    • A first uniform
    • More uniforms
    • Dynamic uniforms
  • 3D Meshes
    • A simple example
    • Depth buffer
    • Transformation matrices
    • Projection matrices
    • Basic shading
    • Loading from file
  • Texturing
    • A first texture
    • Texture mapping
    • Sampler
    • Loading from file
  • Some interaction
    • Refactoring
    • Resizing the window
    • Camera control
    • Simple GUI
    • Lighting control
  • Lighting and Material
    • Specularity
    • Normal mapping
    • Image-Based Lighting (🚧WIP)
    • Cube Maps (🚧WIP)
    • Physically-Based Materials (🚧WIP)
• Basic Compute
  • Compute Pipeline
  • Image Processing
    • Mipmap Generation
    • Convolution Filters
    • Cubemap Conversion (🚧WIP)
    • Cubemap Prefiltering (🚧WIP)
  • Procedural Geometry
    • Deformation (🚧WIP)
  • Neural Networks (🛑TODO)
• Advanced Techniques
  • Instanced Drawing (🛑TODO)
  • RAII
  • Screen capture (🚧WIP)
  • Headless context
  • High Dynamic Range Textures (🚧WIP)
  • Benchmarking
    • Time
    • Memory (🛑TODO)
    • Processing Units (🛑TODO)
    • Environmental Impact (🛑TODO)
  • Deferred Shading (🛑TODO)
  • Render Bundles (🛑TODO)
  • Multi-Sampling (🛑TODO)
  • Scene tree (🛑TODO)
  • Shadow maps (🛑TODO)
  • Tesselation (🛑TODO)
  • Raytracing (🛑TODO)
• Appendices
  • Teaching native graphics in 2023
  • Feedback needed
  • Building for the Web
  • Using SDL for Window Management
  • Custom Extensions
    • The extension mechanism (🚧WIP)
    • With wgpu-native (🚧WIP)
    • With Dawn (🚧WIP)
  • Debugging (🚧WIP)
  • Memory Model (🛑TODO)
  • References (🚧WIP)
  • Dawn vs wgpu-native
  • Temporary page