← Lab index
THREE.JS / WEBGL COLOR MANAGEMENT

Color, then gamut.

A source-backed wide-gamut contract: two scene backgrounds share one camera and a draggable scissor split, while Display P3 capability, working color space, output color space, and live color-gamut changes remain explicit.

sRGB texture

Display P3 texture

This route claims the installed WebGLRenderer, WebGL2 Display P3 capability probe, ColorManagement definitions, LinearDisplayP3 working space, SRGB/Display P3 CanvasTexture inputs, TextureUtils.contain, scissor comparison, matchMedia('(color-gamut: p3)') mutation, resize, sampling, reset, and teardown only. Local deterministic textures replace the official wide-gamut logo assets; exact page/pixel/device/backend parity, display calibration, and whole-example fidelity remain separate.

Sources: official wide-gamut example · ColorManagement · WebGLRenderer