WebXR DOM-Überlagerungen

Das Modul WebXR DOM-Überlagerungen, eine immersive Web-Spezifikation, erweitert die WebXR Device API, um HTML-Inhalte — wie Text und Steuerelemente — während einer immersiven Virtual-Reality- (VR) oder Augmented-Reality- (AR) Sitzung anzuzeigen.

In einer typischen WebXR-Sitzung werden Inhalte auf eine WebGL-Leinwand gerendert, die auf dem Echtzeit-Kamerabild (in AR) überlagert ist oder als vollständige immersive Ansicht (in VR) angezeigt wird, wobei das Gerät die Position und Orientierung des Benutzers verfolgt. Die DOM-Überlagerung rendert ein einzelnes DOM-Element und seine Nachkommen als 2D-Rechteck mit transparentem Hintergrund über dieser Ansicht und ermöglicht somit das Erscheinen interaktiver, gestaltbarer Elemente wie Menüs und Dialoge innerhalb der immersiven Erfahrung.

Die Pseudo-Klasse :xr-overlay entspricht dem DOM-Überlagerungselement, wenn eine Webseite in einer immersiven AR- oder VR-Umgebung betrachtet wird, sodass es entsprechend seinem zugrunde liegenden Inhalt gestylt werden kann.