WebXR-utveckling med JavaScript
JavaScript är ett av de mest populära programmeringsspråken i världen! Det är enkelt, enkelt och används ofta på webben. Utnyttja kraften i dina JavaScript- och Webbkunskaper för att skapa mer engagerande Mixed Reality upplevelser.
Mixed Reality program på webben
Mixed Reality funktioner är tillgängliga på webben via WebXR. Du kan se innehåll för 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 till för att komma åt AR-enheter (Virtual Reality) och AR-enheter (Virtual Reality), 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äsarens supportstatus 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 någon 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 Kant 91 på Hololens 2 |
| WebXR-modul för förhöjd verklighet – nivå 1 (w3.org) | Kant 91. Endast Hololens 2 |
| WebXR Hand Input Module – Nivå 1 (w3.org) | Kant 93. Endast Hololens 2 |
| WebXR Anchors-modul (immersive-web.github.io) | Kant 93. Endast Hololens 2 |
| WebXR Hit Test Module (immersive-web.github.io) | Kant 93. Endast Hololens 2 |
Visa WebXR
Du kan visa WebXR-upplevelser i Windows Mixed Reality med de nya webbläsarna Microsoft Edge och 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 fördjupade webbupplevelser?
I följande lista visas JavaScript-ramverk och API:er för att skapa integrerande upplevelser som för närvarande dominerar marknaden och som är allmänt accepterade och antagna av JavaScript-utvecklare med mixad verklighet:
| Ramverk | Exempel |
|---|---|
| Babylon.js Babylon ä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 med Babylon.js: Komma igång – Spela med 3D-exempel och deras källkod med hjälp av 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 |
 |
| 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 |
 |
| Three.js Three.js är ett populärt 3D-bibliotek för att skapa integrerande upplevelser. Läs mer om three.js och utforska exempel. |
 |
| WebGL Du kan komma åt WebXR-enhets-API:erna direkt med hjälp av WebGL-API:er. WebGL (Web Graphics Library) är ett JavaScript-API för rendering av interaktiva 3D- och 2D-grafik med höga prestanda i alla kompatibla webbläsare utan plugin-program. |
 |
Se även
- Api-specifikation för WebXR-enhet
- Dokumentation om WebXR-enhets-API
- WebXR-exempel
- Immersiveweb.dev
- Använda Babylon.js för att skapa WebXR-upplevelser
- WebGL API
- Gamepad API och Gamepad-tillägg
- Windows Mixed Reality och nya Microsoft Edge
- Hantera förlorad kontext i WebGL
- Pekarlås
- glTF
- Avancerad webbcommunitygrupp
- Avancerad Web W3C Github