WebXR-fejlesztés JavaScripttel

2024-10-31

Fontos

A WebVR elavult, és nem érhető el az aktuális böngészőkben, ezért nem használható új fejlesztéshez. Minden meglévő WebVR-implementációt át kell telepítenie a WebXR-be.

A WebXR továbbra is elérhető. A WebXR támogatása azonban megszűnik (hibajavítások, tartalomfrissítések és technikai támogatás nélkül), ezért nem garantálhatjuk, hogy az alkalmazások hosszabb ideig is működni fognak.

JavaScript az egyik legnépszerűbb programozási nyelvek a világon! Egyszerű, könnyű és széles körben használják a weben. A JavaScript és a webes készségek erejének alkalmazásával vonzóbb vegyes valósági élményeket hozhat létre.

Mixed Reality-alkalmazások a weben

A Mixed Reality funkciói a WebXR-en keresztül érhetők el a weben. A virtuális valóság (VR) és a kiterjesztett valóság (AR) tartalmait egy kompatibilis WebXR-kompatibilis böngészőben tekintheti meg anélkül, hogy további szoftvereket vagy beépülő modulokat telepítene. Ugyanazt a böngészőt használhatja egy olyan fizikai eszközzel, mint a HoloLens 2.

A WebXR Device API a virtuális valóság (VR) és a kiterjesztett valóság (AR) eszközeinek, köztük az érzékelőknek és a fejre csatlakoztatott kijelzőknek a webes elérésére használható. A WebXR Device API a Microsoft Edge és a Chrome 79-es verziójában érhető el, a későbbi verziók pedig alapértelmezés szerint támogatják a WebXR-t. A WebXR legújabb böngészőtámogatási állapotát a caniuse.com.

WebXR szolgáltatás	Elérhetőség
WebXR Device API (w3.org)	Edge 81 a Windows Desktopon Edge 91 a HoloLens 2-en
WebXR kiterjesztett valóság 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 Horgonyok modul (immersive-web.github.io)	Edge 93. Csak HoloLens 2
WebXR Hit Test Module (immersive-web.github.io)	Edge 93. Csak HoloLens 2

A WebXR megtekintése

Az új Microsoft Edge- és Firefox Reality-böngészőkkel megtekintheti a Windows Mixed Reality WebXR-élményeit. Annak ellenőrzéséhez, hogy a böngésző támogatja-e a WebXR-t, keresse meg a WebXR-mintákat a böngészőben.

Mire használható a modern webes élmények fejlesztése?

Az alábbi lista azokat a JavaScript-keretrendszereket és API-kat mutatja be, amelyek olyan modern élményeket építenek ki, amelyek jelenleg uralják a piacot, és széles körben elfogadják és elfogadják a vegyes valóság JavaScript-fejlesztői:

Váz	Példa
Babylon.js A Babylon egy JavaScript 3D-motor, amely megkönnyíti a 3D-s tartalmak és a modern alkalmazások fejlesztését. A modern alkalmazások használatának megkezdése előtt javasoljuk, hogy ismerje meg Babylon.js fejlesztés alapjait. – Ismerje meg, hogyan hozhat létre 3D-alkalmazásokat a Babylon.js: Első lépések - Játsszon 3D-példákkal és azok forráskódjával a Babylon.js: Playground használatával – Részletesebben is megismerkedik a WebXR-hez - Ismerje meg, hogyan kezdheti el az oktatóanyagokat: Hozza létre az első "„Helló világ!” alkalmazás!" alkalmazást
A-keret Az A-frame egy deklaratív JavaScript-keretrendszer, amellyel megkezdheti a virtuális valóság használatát a weben. További információkért tekintse meg az A-Frame dokumentációját
Three.js Three.js egy népszerű 3D-s kódtár, amely magával ragadó élményt biztosít. További információ a three.js és példák megismeréséről.
WebGL A WebXR eszköz API-jait közvetlenül a WebGL API-k használatával érheti el. A WebGL (Web Graphics Library) egy JavaScript API, amely beépülő modulok használata nélkül jelenít meg nagy teljesítményű interaktív 3D- és 2D-ábrákat bármely kompatibilis webböngészőben.