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 boeiendere Mixed Reality ervaringen te creëren.
Mixed Reality toepassingen op het web
Mixed Reality functies zijn beschikbaar op het web via WebXR. U kunt virtual reality-inhoud (VR) en augmented reality (AR) bekijken in een compatibele webXR-browser 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- (VR) en AR-apparaten (Augmented Reality), waaronder sensoren en hoofdbeeldschermen, op het web. De WebXR Device API is beschikbaar in Microsoft Edge en Chrome versie 79 en latere versies ondersteunen WebXR standaard. 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 het mag niet worden gebruikt voor nieuwe ontwikkeling. U moet 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 |
| WebXR Handinvoermodule - 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 in uw browser naar WebXR-voorbeelden navigeren.
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 domineren en algemeen worden geaccepteerd en gebruikt door JavaScript-ontwikkelaars voor mixed reality:
| Framework | Voorbeeld |
|---|---|
| Babylon.js Babylon is een JavaScript 3D-engine waarmee u eenvoudig 3D-inhoud en insluitende toepassingen kunt ontwikkelen. Voordat u aan de slag gaat met insluitende toepassingen, raden we u aan de basisbeginselen 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 - Meer informatie over WebXR - Meer informatie over hoe u aan de slag gaat met onze zelfstudies: Uw eerste 'Hallo wereld!-app maken' |
 |
| A-frame Een frame is een declaratief JavaScript-framework dat u kunt gebruiken om aan de slag te gaan met Virtual Reality op het web. Raadpleeg de A-Frame-documentatie 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. |
 |
| WebGL U hebt rechtstreeks toegang tot de WebXR-apparaat-API's met behulp van WebGL-API's. WebGL (Web Graphics Library) is een JavaScript-API voor het weergeven van hoogwaardige interactieve 3D- en 2D-afbeeldingen in elke compatibele webbrowser zonder het gebruik van invoegtoepassingen. |
 |
Zie ook
- WebXR-apparaat-API-specificatie
- Documentatie voor WebXR Device API
- WebXR-voorbeelden
- Immersiveweb.dev
- WebXR-ervaringen maken met 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
- Insluitende web W3C Github