WebXR-Entwicklung mit JavaScript

Artikel
02/18/2025

Wichtig

WebVR ist veraltet und in aktuellen Browsern nicht verfügbar, daher sollte es nicht für neue Entwicklungen verwendet werden. Sie müssen alle vorhandenen WebVR-Implementierungen zu WebXR migrieren.

WebXR ist weiterhin verfügbar. Die Unterstützung für WebXR wird jedoch eingestellt (keine Fehlerbehebungen, Inhaltsupdates oder technischer Support), und wir können daher keine Garantie dafür geben, dass Anwendungen über einen längeren Zeitraum weiterhin funktionieren.

JavaScript ist eine der beliebtesten Programmiersprachen der Welt! Es ist einfach, einfach und im Web weit verbreitet. Erstellen Sie ansprechendere Mixed Reality Erfahrungen, indem Sie die Leistungsfähigkeit Ihrer JavaScript- und Webkenntnisse anwenden.

Mixed Reality Anwendungen im Web

Mixed Reality Features sind im Web über WebXR verfügbar. Sie können Virtual Reality-Inhalte (VR) und Augmented Reality (AR) in einem kompatiblen WebXR-fähigen Browser anzeigen, ohne weitere Software oder Plug-Ins zu installieren. Sie können denselben Browser mit einem physischen Gerät wie dem HoloLens 2 verwenden.

Die WebXR-Geräte-API ist für den Zugriff auf Virtual Reality-Geräte (VR) und Augmented Reality (AR) einschließlich Sensoren und head-mounted Displays im Web vorgesehen. Die WebXR-Geräte-API ist in Microsoft Edge und Chrome Version 79 verfügbar, und höhere Versionen unterstützen WebXR standardmäßig. Sie können die neueste Browserunterstützung status für WebXR unter caniuse.com überprüfen.

WebXR-Feature	Verfügbarkeit
WebXR-Geräte-API (w3.org)	Edge 81 unter Windows Desktop Edge 91 auf HoloLens 2
WebXR Augmented Reality-Modul – Ebene 1 (w3.org)	Edge 91. Nur HoloLens 2
WebXR-Handeingabemodul – Ebene 1 (w3.org)	Edge 93. Nur HoloLens 2
WebXR Anchors Module (immersive-web.github.io)	Edge 93. Nur HoloLens 2
WebXR-Treffertestmodul (immersive-web.github.io)	Edge 93. Nur HoloLens 2

Anzeigen von WebXR

Sie können WebXR-Erfahrungen in Windows Mixed Reality mit den neuen Microsoft Edge- und Firefox Reality-Browsern anzeigen. Um zu testen, ob Ihr Browser WebXR unterstützt, können Sie in Ihrem Browser zu WebXR-Beispiele navigieren.

Was kann ich verwenden, um immersive Weberfahrungen zu entwickeln?

Die folgende Liste zeigt die JavaScript-Frameworks und -APIs zum Erstellen immersiver Umgebungen, die derzeit den Markt dominieren und von Mixed Reality-JavaScript-Entwicklern allgemein akzeptiert und übernommen werden:

Framework	Beispiel
Babylon.js Babylon ist eine JavaScript-3D-Engine, die die Entwicklung von 3D-Inhalten und immersiven Anwendungen vereinfacht. Bevor Sie mit immersiven Anwendungen beginnen, sollten Sie sich mit den Grundlagen der Babylon.js Entwicklung vertraut machen. – Informationen zum Erstellen von 3D-Anwendungen mit Babylon.js: Erste Schritte – Spielen Mit 3D-Beispielen und ihrem Quellcode mithilfe von Babylon.js: Playground - Tiefer in WebXR eintauchen - Erfahren Sie, wie Sie mit unseren Tutorials beginnen: Erstellen Ihrer ersten "Hallo Welt!"-App
A-Frame A-Frame ist ein deklaratives JavaScript-Framework, das Sie für die ersten Schritte mit Virtual Reality im Web verwenden können. Weitere Informationen finden Sie in der A-Frame-Dokumentation.
Three.js Three.js ist eine beliebte 3D-Bibliothek zum Erstellen immersiver Umgebungen. Erfahren Sie mehr über three.js und erkunden Sie Beispiele.
WebGL Sie können direkt mithilfe von WebGL-APIs auf die WebXR-Geräte-APIs zugreifen. WebGL (Web Graphics Library) ist eine JavaScript-API zum Rendern von interaktiven hochleistungsfähigen 3D- und 2D-Grafiken in jedem kompatiblen Webbrowser ohne Die Verwendung von Plug-Ins.