Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
XRCubeLayer
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more support for this feature? Tell us why.
title: "XRCubeLayer" slug: Web/API/XRCubeLayer page-type: web-api-interface status:
- experimental browser-compat: api.XRCubeLayer
Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Das XRCubeLayer-Interface der WebXR Device API ist eine Schicht, die direkt von einer Cubemap rendert und sie auf die Innenseiten eines Würfels projiziert.
XRCubeLayer erfordert, dass das layers-Feature für die XRSession aktiviert ist. Sie können es in XRSystem.requestSession() anfordern.
Um ein neues XRCubeLayer zu erstellen, rufen Sie XRWebGLBinding.createCubeLayer() auf.
Um Schichten auf das XR-Gerät zu präsentieren, fügen Sie sie dem layers-Renderzustand hinzu, indem Sie XRSession.updateRenderState() verwenden.
Instanz-Eigenschaften
Erbt Eigenschaften von seinem Elternteil, XRCompositionLayer.
XRCubeLayer.space-
Ein
XRSpace, der die räumliche Beziehung der Schicht zur physischen Umgebung des Benutzers darstellt. XRCubeLayer.orientation-
Ein
DOMPointReadOnly, der die Orientierung relativ zurspace-Eigenschaft darstellt.
Instanz-Methoden
Erbt Methoden von seinen Eltern, XRCompositionLayer und EventTarget .
Ereignisse
redraw-
Wird an das
XRCubeLayer-Objekt gesendet, wenn die zugrunde liegenden Ressourcen der Schicht verloren gehen oder wenn der XR-Kompositor die Schicht nicht mehr reprojizieren kann. Wenn dieses Ereignis gesendet wird, sollten Autoren den Inhalt der Schicht im nächsten XR-Animationsrahmen neu zeichnen.
Spezifikationen
| Spezifikation |
|---|
| WebXR Layers API Level 1> # xcubelayertype> |
Browser-Kompatibilität
JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.