Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The XRQuadLayer
interface of the WebXR Device API is a layer that takes up a flat rectangular space in the virtual environment. An XRQuadLayer
has no thickness. It is a two-dimensional object positioned and oriented in 3D space. The position of a quad refers to the center of the quad. Only the front of the layer is visible.
XRQuadLayer
requires the layers
feature to be enabled for the XRSession
. You can request it in XRSystem.requestSession()
.
To create a new XRQuadLayer
, call either:
-
XRWebGLBinding.createQuadLayer()
for a WebGL opaque texture quad layer, or -
XRMediaBinding.createQuadLayer()
for an HTML<video>
playback quad layer.
To present layers to the XR device, add them to the layers
render state using XRSession.updateRenderState()
.