A WebGPU deferred shading demo. The first pass renders a teapot and floor into a G-buffer of position, normal and albedo textures (GBuffer.wgsl), then a lighting pass (lighting.wgsl) reads the G-buffer and shades the scene with two lights, one white and one red, using the same Cook-Torrance BRDF as the PBR demos.
The G-buffer packs the extra material terms into the alpha channels so three textures are enough: world position + ambient occlusion, normal + roughness, albedo + metallic. Pixels the geometry pass never touched keep their cleared normal of zero, and the lighting pass tests for that and writes the background colour rather than feeding a zero vector to normalize.
uv run DefferedLighting/SimpleWebGPU.py
- T. Saito & T. Takahashi, "Comprehensible Rendering of 3-D Shapes", SIGGRAPH 1990 — SIGGRAPH history — the paper that introduced G-buffers.
- S. Hargreaves & M. Harris, "Deferred Shading" (6800 Leagues Under the Sea), NVIDIA/Climax 2004 — PDF — the practical real-time formulation.
- LearnOpenGL — Deferred Shading — G-buffer layout and the lighting pass, as implemented in
GBuffer.wgsl/lighting.wgsl. - WebGPU Samples — Deferred Rendering — an equivalent WebGPU implementation.