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.
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