WebXR-Entwicklung mit JavaScript
Wichtig
WebVR ist veraltet und ist in aktuellen Browsern nicht verfügbar, daher sollte es nicht für eine neue Entwicklung verwendet werden. Sie müssen alle vorhandenen WebVR-Implementierungen nach WebXR migrieren.
WebXR ist weiterhin verfügbar. Die Unterstützung für WebXR wird jedoch nicht mehr unterstützt (keine Fehlerbehebungen, Inhaltsupdates oder technischen Support), und wir können daher keine Garantie dafür geben, dass Anwendungen für einen längeren Zeitraum weiterhin funktionieren.
JavaScript ist eine der beliebtesten Programmiersprachen der Welt! Es ist einfach, leicht und weit verbreitet im Web. 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 über WebXR im Web verfügbar. Sie können Virtual Reality -Inhalte (VR) und Augmented Reality (AR) in einem kompatiblen WebXR-fähigen Browser sehen, ohne weitere Software oder Plug-Ins zu installieren. Sie können diesen Browser mit einem physischen Gerät wie der HoloLens 2 verwenden.
Die WebXR-Geräte-API ist für den Zugriff auf Virtual Reality-Geräte (VR) und Augmented Reality (AR)-Geräte, 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 als Standard. Sie können den neuesten Browsersupportstatus 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 Hit Test Module (immersive-web.github.io) | Edge 93. Nur HoloLens 2 |
Anzeigen von WebXR
Sie können WebXR-Oberflächen in Windows Mixed Reality mit den neuen Browsern Microsoft Edge und Firefox Reality anzeigen. Um zu testen, ob Ihr Browser WebXR unterstützt, können Sie zu WebXR-Beispielen in Ihrem Browser navigieren.
Was kann ich verwenden, um immersive Weboberflächen zu entwickeln?
Die folgende Liste zeigt die JavaScript-Frameworks und APIs zum Erstellen immersiver Erfahrungen, die derzeit den Markt beherrschen und von Mixed Reality-JavaScript-Entwicklern allgemein akzeptiert und übernommen werden:
| Framework | Beispiel |
|---|---|
| Babylon.js Babylon ist eine JavaScript-3D-Engine für die Entwicklung von 3D-Inhalten und immersiven Anwendungen. Bevor Sie mit immersiven Anwendungen beginnen, empfehlen wir Ihnen, die Grundlagen der Babylon.js Entwicklung kennenzulernen. – Erfahren Sie, wie Sie 3D-Anwendungen mit Babylon.js erstellen: Erste Schritte - Spielen Sie mit 3D-Beispielen und ihrem Quellcode mit Babylon.js: Playground - Tauchen Sie tiefer in WebXR ein - Erfahren Sie, wie Sie mit unseren Lernprogrammen beginnen: Erstellen Sie Ihre erste "Hallo Welt!"-App. |
 |
| A-Form A-Frame ist ein deklaratives JavaScript-Framework, mit dem Sie mit Virtual Reality im Web beginnen 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 über WebGL-APIs auf die WebXR-Geräte-APIs zugreifen. WebGL (Web Graphics Library) ist eine JavaScript-API zum Rendern von leistungsstarken interaktiven 3D- und 2D-Grafiken in jedem kompatiblen Webbrowser ohne Verwendung von Plug-Ins. |
 |
Weitere Informationen
- WebXR-Geräte-API-Spezifikation
- WebXR-Geräte-API-Dokumentation
- WebXR-Beispiele
- Immersiveweb.dev
- Verwenden von Babylon.js zum Erstellen von WebXR-Oberflächen
- WebGL-API
- Gamepad-API und Gamepad-Erweiterungen
- Windows Mixed Reality und der neue Microsoft Edge
- Umgang mit verlorenen Kontexten in WebGL
- Zeigerlock
- glTF
- Immersive Webcommunity-Gruppe
- Immersive Web W3C Github