webxr-layers

What problem does it solve?

WebXR requires managing multiple layer types to render crisp UI panels and 360 environments; this Skill provides a consolidated approach to using XRWebGLBinding with Projection, Quad, Cylinder, Equirect, and Cube layers to achieve compositor-native quality and reduced reprojection distortion.

Core Features & Use Cases

• ProjectionLayer: Renders the main 3D scene with compositor-backed integration for low latency.
• QuadLayer: Displays sharp 2D UI, images, and text as a flat panel in world space.
• EquirectLayer / CubeLayer / CylinderLayer: Enables immersive 360 backgrounds and curved displays for panoramic experiences.
• Works on Meta Quest and similar devices supporting WebXR Layers; supports static textures and dynamic updates as content changes.

Quick Start

Initialize an immersive session with layers enabled, then create and configure a QuadLayer for UI and a ProjectionLayer for the main scene, and render textures each frame.