WebXR-fejlesztés JavaScripttel

A JavaScript a világ egyik legnépszerűbb programozási nyelve! Egyszerű, könnyű, és széles körben használják a weben. A JavaScript- és webes készségei segítségével vonzóbb felhasználói élményt Mixed Reality hozhat létre.

Mixed Reality webes alkalmazások

Mixed Reality webes szolgáltatások a WebXR-ről érhetők el. A virtuális valóság (VR) és a kiterjesztett valóság (AR) tartalma egy kompatibilis WebXR-kompatibilis böngészőben jelenik meg további szoftverek vagy beépülő modulok telepítése nélkül. Ugyanezt a böngészőt használhatja olyan fizikai eszközzel, mint a HoloLens 2.

A WebXR eszköz API a virtuális valóság (VR) és a kiterjesztett valóság (AR) eszközeinek eléréséhez használható, beleértve az érzékelőket és a fejhez csatlakoztatott kijelzőket a weben. A WebXR eszköz API a Microsoft Edge Chrome 79-es verziójában érhető el, és a későbbi verziók alapértelmezés szerint támogatják a WebXR-t. A WebXR legújabb böngészőtámogatási állapotát a következőcaniuse.com.

Megjegyzés

A WebVR elavult, és nem érhető el a jelenlegi böngészőkben, ezért nem használható új fejlesztésekhez. A meglévő WebVR-implementációkat a WebXR-be kell átemelni.

WebXR funkció Rendelkezésre állás
WebXR Eszköz API (w3.org) Edge 81 a Windows Desktopon
Edge 91 a Hololens 2-ben
WebXR Augmented Reality modul – 1. szint (w3.org) Edge 91. Csak Hololens 2
WebXR Kézi beviteli modul – 1. szint (w3.org) Edge 93. Csak Hololens 2
WebXR Anchors modul (immersive-web.github.io) Edge 93. Csak Hololens 2
WebXR hit test modul (immersive-web.github.io) Edge 93. Csak Hololens 2

A WebXR megtekintése

Az új böngészők és a Firefox Reality Windows Mixed Reality webXR-Microsoft Edge is megtekintheti. Annak tesztelésére, hogy a böngésző támogatja-e a WebXR-t, a böngészőben lépjen a WebXR-minták lapra.

Mire használhatom a modern webes élmények fejlesztéséhez?

Az alábbi lista azokat a JavaScript-keretrendszereket és API-kat sorolja fel, amelyek a piacon jelenleg meghatározó, vegyes valóságú JavaScript-fejlesztők által széles körben elfogadott és elfogadott felhasználói élményeket hoznak létre:

Babylon.js

A Annak egy JavaScript 3D-motor, amely megkönnyíti a 3D-s tartalmak és a magával ragadó alkalmazások kifejlesztését. A modern alkalmazások használatának elkezdéséhez javasoljuk, hogy ismerkedjön meg a Babylon.js alapjaival.

– Útmutató 3D-alkalmazások babylon.js: Első lépések
– 3D-s példák és azok forráskódja a babylon.js: Playground használatával
– A WebXR mélyebbre ássa
– Útmutató az első lépésekhez: Az első "Hello World!" alkalmazás létrehozása
Annak emblémája
A-Keret

Az A-frame egy deklaratív JavaScript-keretrendszer, amely a Virtual Reality webes használatának első lépésekhez használható. További tudnivalókért tekintse meg az A-Frame dokumentációját
A-Keret
Three.js

Three.js egy népszerű 3D-s kódtár a modern élmények létrehozásához. További információ athree.jsés a példák megismerésében.
Three.js
WebGL

A WebXR eszköz API-kat közvetlenül elérheti a WebGL API-k használatával. A WebGL (Web Graphics Library) egy JavaScript API, amely beépülő modulok használata nélkül renderel nagy teljesítményű interaktív 3D- és 2D-grafikákat bármely kompatibilis webböngészőben.
WebGL

Lásd még:

Következő lépések – oktatóanyagok