XRRenderState
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
The XRRenderState
interface of the WebXR Device API contains configurable values which affect how the imagery generated by an XRSession
gets composited. These properties include the range of distances from the viewer within which content should be rendered, the vertical field of view (for inline presentations), and a reference to the XRWebGLLayer
being used as the target for rendering the scene prior to it being presented on the XR device's display or displays.
When you apply changes using the XRSession
method updateRenderState()
, the specified changes take effect after the current animation frame has completed, but before the next one begins.
Properties
-
XRRenderState.baseLayer
Read only -
The
XRWebGLLayer
from which the browser's compositing system obtains the image for the XR session. -
XRRenderState.depthFar
Read only -
The distance, in meters, of the far clip plane from the viewer. The far clip plane is the plane which is parallel to the display beyond which rendering of the scene no longer takes place. This, essentially, specifies the maximum distance the user can see.
-
XRRenderState.depthNear
Read only -
The distance, in meters, of the near clip plane from the viewer. The near clip plane is the plane, parallel to the display, at which rendering of the scene begins. Any closer to the viewer than this, and no portions of the scene are drawn.
-
XRRenderState.inlineVerticalFieldOfView
Read only -
The default vertical field of view, defined in radians, to use when the session is in
inline
mode.null
for all immersive sessions. -
XRRenderState.layers
Read only -
An ordered array containing
XRLayer
objects that are displayed by the XR compositor.
Specifications
Specification |
---|
WebXR Device API # xrrenderstate-interface |
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
XRRenderState |
79 |
79 |
No |
No |
No |
No |
No |
79 |
No |
No |
No |
12.0 |
baseLayer |
79 |
79 |
No |
No |
No |
No |
No |
79 |
No |
No |
No |
12.0 |
depthFar |
79 |
79 |
No |
No |
No |
No |
No |
79 |
No |
No |
No |
12.0 |
depthNear |
79 |
79 |
No |
No |
No |
No |
No |
79 |
No |
No |
No |
12.0 |
inlineVerticalFieldOfView |
79 |
79 |
No |
No |
No |
No |
No |
79 |
No |
No |
No |
12.0 |
See also
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/XRRenderState