PBR (Physically Based Rendering) - WebGL / WebGPU Community — Showcase, Tutorials, Examples & More | WebGL / WebGPU Community

Artisans d'Idées: Treats Shadow as a Material

Open Artisans d'Idées and you get a black screen with one instruction: click to illuminate. What follows is a horizontal Three.js journey rendered almost entirely in shadow, with audio coupled to camera state instead of a clock. Built by Paris studio Immersive Garden. Worth opening devtools for.

May 10, 2026

Patina Preview: Real-Time Procedural Weathering in Three.js and TSL

A small procedural PBR playground by codetaur where metal ages in real time. Oxidation pools in the cavities, highlights dull from mirror to milk, and the whole surface rewrites itself through a Three.js TSL node graph running on WebGPU.

Apr 19, 2026

Gemini: A WebGL Car Demo That Shifts Between Motion and Style

Lusion's Gemini renders one car through two visual modes in Three.js. Hold to trigger slow motion and watch the shading, reflections, and post-processing reveal themselves. Restrained, cinematic, and quietly impressive.

Mar 2, 2026

QuietCubes: A 3D Product Configurator That Actually Sells Office Pods

A real-time 3D configurator for soundproof office pods. WebGL handles material swapping, dynamic lighting, and e-commerce integration without breaking a sweat. The kind of project that shows what browser-based 3D looks like when it has to close deals.

Jan 20, 2026

Deferred Rendering in WebGPU: Sponza with 400+ Compute-Driven Point Lights

Georgi Nikolov's WebGPU renderer puts 400+ point lights in the classic Sponza atrium. Deferred shading, cascaded shadows, Hi-Z reflections, TAA. Clean architecture that handles WebGPU's explicit pipelines without drama.

Jan 13, 2026