XRSession: updateRenderState() Methode

state Optional

Ein optionales Objekt zur Konfiguration des XRRenderState. Wenn keines bereitgestellt wird, wird eine Standardkonfiguration verwendet.

• baseLayer Optional: Ein XRWebGLLayer-Objekt, aus dem der WebXR-Kompositor Bilder erhält. Der Standardwert ist null. Um andere (oder mehrere) Ebenen anzugeben, siehe die layers-Option.
• depthFar Optional: Ein Gleitkommawert, der die Entfernung in Metern vom Betrachter zur Fernsicht-Ebene (far clip plane) angibt, eine Ebene, die parallel zur Anzeigefläche liegt und jenseits derer keine weitere Darstellung erfolgt. Alle Renderings finden zwischen den durch depthNear und depthFar angegebenen Entfernungen statt. Der Standardwert ist 1000 Meter (1 Kilometer).
• depthNear Optional: Ein Gleitkommawert, der die Entfernung in Metern vom Betrachter zu einer Ebene angibt, die parallel zur Anzeigefläche ist und als Nahsicht-Ebene dient. Kein Teil der Szene wird auf der Betrachterseite dieser Ebene gerendert. Der Standardwert ist 0,1 Meter (10 Zentimeter).
• inlineVerticalFieldOfView Optional: Ein Gleitkommawert, der das Standard-Sichtfeld in Radiant angibt, das bei der Berechnung der Projektionsmatrix für eine inline-XRSession verwendet wird. Die Berechnung der Projektionsmatrix berücksichtigt auch das Seitenverhältnis der Ausgabefläche. Diese Eigenschaft darf nicht für immersive Sitzungen angegeben werden, daher ist der Wert standardmäßig null für immersive Sitzungen. Der Standardwert ist ansonsten π * 0,5 (die Hälfte von Pi).
• layers Optional: Ein geordnetes Array von XRLayer-Objekten, die die Ebenen angeben, die dem XR-Gerät präsentiert werden sollen. Das Setzen von layers überschreibt baseLayer, falls eines vorhanden ist, wobei baseLayer null meldet. Die Reihenfolge der angegebenen Ebenen ist "hinten nach vorne". Für Alpha-Blending von Ebenen siehe die XRCompositionLayer.blendTextureSourceAlpha-Eigenschaft.

Keiner (undefined).

InvalidStateError DOMException

Wird in einer der folgenden Situationen ausgelöst:

• Die XRSession ist bereits beendet, sodass der Render-Zustand nicht mehr geändert werden kann.
• baseLayer wurde von einer anderen XRSession als derjenigen erstellt, auf der updateRenderState() aufgerufen wurde.
• Die inlineVerticalFieldOfView-Option wurde festgelegt, aber die Sitzung ist immersiv und erlaubt diese Eigenschaft daher nicht.

NotSupportedError DOMException

Wird in einer der folgenden Situationen ausgelöst:

• Die layers-Option wird in einer Sitzung verwendet, die ohne das layers-Feature erstellt wurde.
• Sowohl die baseLayer- als auch die layers-Optionen sind angegeben.

TypeError

Wird ausgelöst, wenn die layers-Option doppelte Instanzen enthält.

Dieses Beispiel erstellt einen WebGL-Kontext, der mit einem immersiven XR-Gerät kompatibel ist, und verwendet ihn dann, um einen XRWebGLLayer zu erstellen. Anschließend wird die Methode updateRenderState() aufgerufen, um die neue XRWebGLLayer zuzuordnen.

function onXRSessionStarted(xrSession) {
  let glCanvas = document.createElement("canvas");
  let gl = glCanvas.getContext("webgl", { xrCompatible: true });

  loadWebGLResources();

  xrSession.updateRenderState({
    baseLayer: new XRWebGLLayer(xrSession, gl),
  });
}

Um WebXR-Ebenen zu verwenden, muss die XR-Sitzung mit dem layers-Feature-Deskriptor erstellt werden (siehe XRSystem.requestSession()). Sie können dann verschiedene WebXR-Ebenen erstellen, wie

• XREquirectLayer
• XRCubeLayer
• XRCylinderLayer
• XRQuadLayer

Andere Ebenen, wie z. B. XRProjectionLayer oder XRWebGLLayer, sind ebenfalls verfügbar.

Ebenen werden in der Reihenfolge präsentiert, in der sie im layers-Array angegeben sind, mit Ebenen in "hinten nach vorne"-Reihenfolge.

const xrSession = navigator.xr.requestSession("immersive-ar", {
  optionalFeatures: ["layers"],
});

function onXRSessionStarted(xrSession) {
  const glCanvas = document.createElement("canvas");
  const gl = glCanvas.getContext("webgl", { xrCompatible: true });
  const xrGlBinding = new XRWebGLBinding(xrSession, gl);
  const projectionLayer = new XRWebGLLayer(xrSession, gl);
  const quadLayer = xrGlBinding.createQuadLayer({
    pixelWidth: 1024,
    pixelHeight: 1024,
  });

  xrSession.updateRenderState({
    layers: [projectionLayer, quadLayer],
  });
}

• WebXR Device API
• XRRenderState
• XRSession.renderState