WebXR-ontwikkeling met JavaScript

JavaScript is een van de populairste programmeertalen ter wereld. Het is eenvoudig, lichtgewicht en wordt veel gebruikt op internet. Maak gebruik van de kracht van uw JavaScript- en Web-vaardigheden om aantrekkelijke en Mixed Reality creƫren.

Mixed Reality webtoepassingen maken

Mixed Reality zijn beschikbaar op het web via WebXR. U kunt virtual reality-inhoud (VR) en augmented reality (AR) bekijken in een compatibele browser met WebXR zonder extra software of invoegvoegprogramma's te installeren. U kunt dezelfde browser gebruiken met een fysiek apparaat zoals de HoloLens 2.

De WebXR-apparaat-API is voor toegang tot virtual reality-apparaten (VR) en augmented reality-apparaten (AR), inclusief sensoren en head-mounted displays, op het web. De WebXR Device API is beschikbaar op 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 en mag dus niet worden gebruikt voor nieuwe ontwikkeling. U moet alle bestaande WebVR-implementaties naar WebXR migreren.

WebXR-functie Beschikbaarheid
WebXR Device API (w3.org) Edge 81 op Windows Desktop
Edge 91 op Hololens 2
WebXR Augmented Reality Module - Level 1 (w3.org) Edge 91. Alleen Hololens 2
WebXR-module voor handinvoer - 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 in immersieve webervaringen te ontwikkelen?

De volgende lijst bevat de JavaScript-frameworks en API's voor het bouwen van in immersieve ervaringen die momenteel de markt beheersen en algemeen worden geaccepteerd en gebruikt door mixed reality JavaScript-ontwikkelaars:

Babylon.js

Is een JavaScript 3D-engine die het ontwikkelen van 3D-inhoud en in immersieve toepassingen eenvoudig maakt. Voordat u aan de slag gaat met in immersieve toepassingen, raden we u aan de basisbeginselen van Babylon.js ontwikkelen.

- Meer informatie over het bouwen van 3D-toepassingen met babylon.js: Aan de slag
- Spelen met 3D-voorbeelden en hun broncode met behulp van babylon.js: Playground
- Dieper ingaan op WebXR
- Meer informatie over hoe u aan de slag gaat met onze zelfstudies: Uw eerste 'Hallo wereld!'-app maken
Logo van DjJS
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 A-Frame-documentatie voor meer informatie
A-frame
Three.js

Three.js is een populaire 3D-bibliotheek voor het maken van in immersieve ervaringen. Meer informatie over three.js en voorbeelden verkennen.
Three.js
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 interactieve 3D- en 2D-afbeeldingen met hoge prestaties in elke compatibele webbrowser zonder het gebruik van in plug-ins.
WebGL

Zie ook

Volgende stappen: zelfstudies