Material · Extended PBR Lab

PBR Material Lab

Beyond basic metalness/roughness — real clearcoat (car paint / lacquer), transmission (glass), sheen (fabric), and emissive glow, plus your own texture maps. Real-time WebGL, runs entirely in your browser.

Material Preview · Three.js

Object & Base

Clearcoat (Lacquer)

Sheen (Fabric)

Transmission (Glass)

Emissive

Your Own Texture Maps

Clearcoat: A Second Layer On Top

Clearcoat models an actual second, thin dielectric layer on top of the base material — exactly how automotive paint or a lacquered surface really works: a colored base coat sits underneath a separate, near-perfectly-smooth clear layer that adds its own independent specular highlight.

Transmission Is Real Light Transport

Transmission doesn't fake transparency with opacity — it physically routes light through the object, bent by the index of refraction (IOR) you set, the same value used to describe real glass (~1.5), water (~1.33), or diamond (~2.4). Thickness controls how much the light path inside the object attenuates.

Sheen Models Fabric Fiber Scattering

Cloth looks different from solid plastic because light scatters off countless microscopic fibers at grazing angles — sheen adds exactly that soft, colored rim-light response that standard roughness alone can't reproduce.

Your Maps, Nothing Uploaded

Dropped texture files are decoded locally into WebGL textures via the File API — the same honest, client-side-only constraint used across every tool on this site. Nothing you load here ever leaves your browser.