WebXR-ontwikkeling met JavaScript
JavaScript is een van de populairste programmeertalen ter wereld. Het is eenvoudig, lichtgewicht en veel gebruikt op het web. Maak gebruik van de kracht van uw JavaScript- en webvaardigheden om aantrekkelijkere Mixed Reality-ervaringen te creëren.
Mixed Reality-toepassingen op internet
Mixed Reality-functies zijn beschikbaar op internet via WebXR. U kunt virtual reality-inhoud (VR) en augmented reality-inhoud (AR) zien in een compatibele browser met WebXR-functionaliteit zonder extra software of invoegtoepassingen te installeren. U kunt dezelfde browser gebruiken met een fysiek apparaat zoals de HoloLens 2.
De WebXR Device-API is bedoeld voor toegang tot virtual reality-apparaten (VR) en augmented reality-apparaten (AR), waaronder sensoren en op het hoofd gekoppelde beeldschermen, op het web. De WebXR-apparaat-API is beschikbaar in Microsoft Edge en Chrome versie 79 en latere versies ondersteunen WebXR als standaardversie. U kunt de meest recente browserondersteuningsstatus voor WebXR controleren op caniuse.com.
Notitie
WebVR is afgeschaft en is niet beschikbaar in de huidige browsers, dus deze mag niet worden gebruikt voor nieuwe ontwikkeling. U moet alle bestaande WebVR-implementaties doorsturen naar WebXR.
| WebXR-functie | Beschikbaarheid |
|---|---|
| WebXR Device API (w3.org) | Edge 81 op Windows Desktop Edge 91 op Hololens 2 |
| WebXR Augmented Reality-module - Niveau 1 (w3.org) | Edge 91. Alleen Hololens 2 |
| Handinvoermodule van WebXR - Niveau 1 (w3.org) | Edge 93. Alleen Hololens 2 |
| WebXR Anchors Module (immersive-web.github.io) | Edge 93. Alleen Hololens 2 |
| WebXR Hit Test Module (immersive-web.github.io) | Edge 93. Alleen Hololens 2 |
WebXR weergeven
U kunt WebXR-ervaringen bekijken in Windows Mixed Reality met de nieuwe browsers Microsoft Edge en Firefox Reality . Als u wilt testen of uw browser WebXR ondersteunt, kunt u navigeren naar WebXR-voorbeelden in uw browser.
Wat kan ik gebruiken om insluitende webervaringen te ontwikkelen?
In de volgende lijst ziet u de JavaScript-frameworks en API's voor het bouwen van meeslepende ervaringen die momenteel de markt overheersen en die algemeen worden geaccepteerd en worden gebruikt door JavaScript-ontwikkelaars van mixed reality:
| Framework | Opmerking |
|---|---|
| Babylon.js Babylon is een JavaScript 3D-engine die het ontwikkelen van 3D-inhoud en insluitende toepassingen eenvoudig maakt. Voordat u aan de slag gaat met insluitende toepassingen, raden we u aan de basisprincipes van Babylon.js ontwikkeling te leren. - Meer informatie over het bouwen van 3D-toepassingen met Babylon.js: Aan de slag - Speel met 3D-voorbeelden en de bijbehorende broncode met behulp van Babylon.js: Playground - Dieper ingaan op WebXR - Leer hoe u aan de slag gaat met onze zelfstudies: Uw eerste app 'Hallo wereld!' maken |
 |
| A-frame A-frame is een declaratief JavaScript-framework dat u kunt gebruiken om aan de slag te gaan met Virtual Reality op het web. Raadpleeg de documentatie voor A-Frame voor meer informatie |
 |
| Three.js Three.js is een populaire 3D-bibliotheek voor het maken van meeslepende ervaringen. Meer informatie over three.js en voorbeelden verkennen. |
 |
| WebGL U kunt rechtstreeks toegang krijgen tot de WebXR-apparaat-API's met behulp van WebGL-API's. WebGL (Web Graphics Library) is een JavaScript-API voor het weergeven van interactieve 3D- en 2D-afbeeldingen in elke compatibele webbrowser zonder gebruik van invoegtoepassingen. |
 |
Zie ook
- Specificatie van WebXR Device API
- Documentatie voor WebXR Device API
- WebXR-voorbeelden
- Immersiveweb.dev
- WebXR-ervaringen maken met behulp van Babylon.js
- WebGL-API
- Gamepad-API en Gamepad-extensies
- Windows Mixed Reality en de nieuwe Microsoft Edge
- Verloren context verwerken in WebGL
- Pointerlock
- glTF
- Insluitende webcommunitygroep
- Immersive Web W3C Github