Freigeben über


WebXR-Entwicklung mit JavaScript

JavaScript ist eine der beliebtesten Programmiersprachen der Welt! Es ist einfach, leicht und weit verbreitet im Web. Nutzen Sie die Leistungsfähigkeit Ihrer JavaScript- und Webkenntnisse, um ansprechendere Mixed Reality-Umgebungen zu schaffen.

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 zusätzliche 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.

Hinweis

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-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.
BabylonJS-Logo
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
A-Form
Three.js

Three.js ist eine beliebte 3D-Bibliothek zum Erstellen immersiver Umgebungen. Erfahren Sie mehr über three.js und erkunden Sie Beispiele.
Three.js
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.
WebGL

Weitere Informationen

Nächste Schritte – Lernprogramme