WebXR-utveckling med Javascript

JavaScript är ett av de mest populära programmeringsspråken i världen! Det är enkelt och används ofta på webben. Dra nytta av dina kunskaper i JavaScript och webben för att skapa mer engagerande Mixed Reality upplevelser.

Mixed Reality program på webben

Mixed Reality är tillgängliga på webben via WebXR. Du kan se innehåll om virtuell verklighet (VR) och förhöjd verklighet (AR) i en kompatibel WebXR-aktiverad webbläsare utan att installera ytterligare programvara eller plugin-program. Du kan använda samma webbläsare med en fysisk enhet som HoloLens 2.

WebXR-enhets-API:et är för åtkomst till enheter med virtuell verklighet (VR) och förhöjd verklighet (AR), inklusive sensorer och huvudmonterade skärmar, på webben. WebXR-enhets-API:et är tillgängligt på Microsoft Edge och Chrome version 79, och senare versioner stöder WebXR som standard. Du kan kontrollera den senaste webbläsarsupportstatusen för WebXR på caniuse.com.

Anteckning

WebVR är inaktuellt och är inte tillgängligt i aktuella webbläsare, så det bör inte användas för ny utveckling. Du måste migrera alla befintliga WebVR-implementeringar till WebXR.

WebXR-funktion Tillgänglighet
WebXR-enhets-API (w3.org) Edge 81 på Windows Desktop
Edge 91 på Hololens 2
WebXR Augmented Reality-modulen – nivå 1 (w3.org) Edge 91. Endast Hololens 2
WebXR Hand Input Module – nivå 1 (w3.org) Edge 93. Endast Hololens 2
WebXR Anchors Module (immersive-web.github.io) Edge 93. Endast Hololens 2
WebXR-träfftestmodul (immersive-web.github.io) Edge 93. Endast Hololens 2

Visa WebXR

Du kan visa WebXR-upplevelser i Windows Mixed Reality med de nya webbläsarna Microsoft Edge Firefox Reality. Om du vill testa om webbläsaren stöder WebXR kan du gå till WebXR-exempel i webbläsaren.

Vad kan jag använda för att utveckla integrerande webbupplevelser?

I följande lista visas JavaScript-ramverk och API:er för att skapa integrerande upplevelser som för närvarande dominerande marknaden och är allmänt accepterade och använda av JavaScript-utvecklare med mixad verklighet:

Babylon.js

Dock är en JavaScript 3D-motor som gör det enkelt att utveckla 3D-innehåll och integrerande program. Innan du börjar med integrerande program rekommenderar vi att du lär dig grunderna i Babylon.js utveckling.

– Lär dig hur du skapar 3D-program babylon.js: Komma igång
– Spela upp med 3D-exempel och deras källkod med babylon.js: Playground
– Fördjupa dig i WebXR
– Lär dig hur du kommer igång med våra självstudier: Skapa din första "Hello World!"-app
Js-logotyp
A-Ram

En ram är ett deklarativt JavaScript-ramverk som du kan använda för att komma igång med Virtual Reality på webben. Mer information finns i A-Frame-dokumentationen
A-Ram
Three.js

Three.js är ett populärt 3D-bibliotek för att skapa integrerande upplevelser. Läs mer om three.jsutforska exempel.
Three.js
WebGL

Du kan komma åt WebXR-enhetens API:er direkt med hjälp av WebGL-API:er. WebGL (Web Graphics Library) är ett JavaScript-API för rendering av högpresterande interaktiv 3D- och 2D-grafik i alla kompatibla webbläsare utan att använda plugin-program.
WebGL

Se även

Nästa steg – självstudier