WebXR-Entwicklung mit JavaScript
JavaScript ist eine der beliebtesten Programmiersprachen der Welt! Es ist einfach, einfach und im Web weit verbreitet. Nutzen Sie die Leistungsfähigkeit Ihrer JavaScript- und Webkenntnisse, um ansprechendere Mixed Reality Erfahrungen zu schaffen.
Mixed Reality Anwendungen im Web
Mixed Reality Features sind im Web über WebXR verfügbar. Sie können Virtual Reality (VR) und Augmented Reality (AR) Inhalte in einem kompatiblen WebXR-fähigen Browser anzeigen, ohne zusätzliche 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 -Geräte (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 als Standard. Die neueste Browserunterstützung status für WebXR finden Sie unter caniuse.com.
Hinweis
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-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-Modul (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-Erfahrungen 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 in Ihrem Browser zu WebXR-Beispiele navigieren.
Was kann ich verwenden, um immersive Weberlebnisse 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 für die Entwicklung von 3D-Inhalten und immersiven Anwendungen. Bevor Sie mit immersiven Anwendungen beginnen, sollten Sie sich mit den Grundlagen der Babylon.js Entwicklung vertraut machen. – Erfahren Sie, wie Sie 3D-Anwendungen mit Babylon.js erstellen: Erste Schritte – Spielen Sie mit 3D-Beispielen und deren Quellcode mithilfe von Babylon.js: Playground - Tiefer in WebXR eintauchen - Erfahren Sie, wie Sie mit unseren Tutorials beginnen: Erstellen Sie Ihre erste "Hallo Welt!"-App. |
 |
| A-Form 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 Erfahrungen. 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 leistungsstarken interaktiven 3D- und 2D-Grafiken in jedem kompatiblen Webbrowser ohne Die Verwendung von Plug-Ins. |
 |
Weitere Informationen
- WebXR-Geräte-API-Spezifikation
- Dokumentation zur WebXR-Geräte-API
- WebXR-Beispiele
- Immersiveweb.dev
- Verwenden von Babylon.js zum Erstellen von WebXR-Umgebungen
- WebGL-API
- Gamepad-API und Gamepad-Erweiterungen
- Windows Mixed Reality und der neue Microsoft Edge
- Behandeln von verlorenen Kontext in WebGL
- Zeigerlock
- glTF
- Immersive Webcommunitygruppe
- Immersive Web W3C Github