WebXR-utveckling med JavaScript
JavaScript är ett av de mest populära programmeringsspråken i världen! Den är enkel, lätt 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 åtkomst till ENHETER för 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.
Kommentar
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 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 Augmented Reality-modul – 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 Microsoft Edge - och Firefox Reality-webbläsarna . 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?
Följande lista visar JavaScript-ramverk och API:er för att skapa uppslukande 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 uppslukande program. Innan du kommer igång med uppslukande 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 A-frame ä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 uppslukande upplevelser. Läs mer om three.js och utforska exempel. |
 |
| Webgl Du kan komma åt WebXR-enhets-API:er direkt med hjälp av WebGL-API:er. WebGL (Web Graphics Library) är ett JavaScript-API för återgivning 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