WebXR-ontwikkeling met JavaScript

Artikel
10/31/2024

Belangrijk

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 blijft beschikbaar. Ondersteuning voor WebXR wordt echter stopgezet (geen bugfixes, inhoudsupdates of technische ondersteuning) en daarom kunnen we geen garanties bieden dat toepassingen gedurende langere tijd blijven werken.

JavaScript is een van de populairste programmeertalen ter wereld. Het is eenvoudig, lichtgewicht en veel gebruikt op het web. Maak aantrekkelijkere Mixed Reality-ervaringen door de kracht van uw JavaScript- en webvaardigheden toe te passen.

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 dat u meer software of invoegtoepassingen hoeft 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.

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. Uitsluitend HoloLens 2
Handinvoermodule van WebXR - Niveau 1 (w3.org)	Edge 93. Uitsluitend HoloLens 2
WebXR Anchors Module (immersive-web.github.io)	Edge 93. Uitsluitend HoloLens 2
WebXR Hit Test Module (immersive-web.github.io)	Edge 93. Uitsluitend 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.