v147 · WebXR · demo
Layer Type Explorer
WebXR Layers introduces five distinct layer types, each optimised for a different class of content. The system compositor handles each layer independently — matching the quality and performance model of native VR apps.
The full-screen base layer that renders the 3D scene. Replaces the default framebuffer with a higher-quality compositor-managed texture. All other layers composit on top of this one.
A flat rectangular panel in 3D space — ideal for UI panels, text, video, and any 2D content that should appear as a floating plane. Renders at exactly the resolution it occupies in the view, eliminating re-projection blur.
A curved panel wrapped around a cylinder segment. Good for panoramic browser content, curved menus, and text that wraps around the user's field of view at a consistent reading distance.
Maps an equirectangular texture onto a sphere or partial sphere around the user. The natural choice for 360° photos and videos — the texture can cover the full sphere or be limited to a specific lat/lon range.
Projects a six-face cubemap texture as an infinite skybox around the user. More efficient than equirectangular for environment backgrounds because cube faces align naturally with GPU texture sampler optimisations.
see also
- Compositor Model — how layers differ from single-buffer WebGL
- Back to feature index
- ChromeStatus entry
scenario focus
Select a scenario to focus its rendered example and summary.
implementation reference
Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗