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

Troika: The Three.js Framework That Solved WebGL Text Rendering

Troika parses font files directly, generates SDF glyphs in a web worker, and patches any Three.js material with the right shader code. The result is crisp, antialiased 3D text that handles kerning, ligatures, and RTL layout without dropping frames.

Mar 3, 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

UNESCO's Virtual Museum of Stolen Artifacts, Rebuilt in 3D with NanoGL

A WebGL museum you weren't expecting to need. makemepulse rebuilt 240+ looted artifacts in 3D using their in-house NanoGL framework and a generative AI pipeline that turns flat photos into textured models. Architect Francis Kéré designed the space. The subject matter does the rest.

Feb 16, 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

Forged.build

Forged.build turns a studio site into a cinematic 3D workshop built in WebGPU. Scroll through a real-time space with baked GI, dynamic highlights, and custom shaders. Built by Michael Modena to show what a small team can do with modern web graphics.

Dec 8, 2025