Vývoj pro WebXR pomocí JavaScriptu

Článek
10/31/2024

Důležité

WebVR je zastaralý a není k dispozici v aktuálních prohlížečích, takže by se neměl používat pro žádný nový vývoj. Do WebXR budete muset migrovat všechny existující implementace WebVR.

WebXR je nadále k dispozici. Podpora pro WebXR se ale ukončí (žádné opravy chyb, aktualizace obsahu nebo technická podpora) a proto nemůžeme zaručit, že aplikace budou dál fungovat po delší dobu.

JavaScript je jedním z nejoblíbenějších programovacích jazyků na světě! Je to jednoduché, jednoduché a široce používané na webu. Vytvářejte poutavější prostředí hybridní reality díky využití výkonu javascriptových a webových dovedností.

Aplikace hybridní reality na webu

Funkce hybridní reality jsou dostupné na webu prostřednictvím WebXR. Obsah virtuální reality (VR) a rozšířené reality (AR) můžete zobrazit v kompatibilním prohlížeči s podporou WebXR bez nutnosti instalovat další software nebo moduly plug-in. Stejný prohlížeč můžete použít s fyzickým zařízením, jako je HoloLens 2.

Rozhraní API pro zařízení WebXR slouží k přístupu k virtuální realitě (VR) a zařízením rozšířené reality (AR), včetně senzorů a displejů připojených hlavou, na webu. Rozhraní API pro zařízení WebXR je k dispozici v prohlížeči Microsoft Edge a Chrome verze 79 a novějších verzích podporují webXR jako výchozí. V caniuse.com můžete zkontrolovat nejnovější stav podpory prohlížeče pro WebXR.

Funkce WebXR	Dostupnost
Rozhraní API pro zařízení WebXR (w3.org)	Edge 81 na stolním počítači s Windows Edge 91 v HoloLens 2
Modul Rozšířené reality WebXR – úroveň 1 (w3.org)	Edge 91. Jenom HoloLens 2
Modul pro zadávání rukou WebXR – úroveň 1 (w3.org)	Edge 93. Jenom HoloLens 2
Modul Ukotvení webXR (immersive-web.github.io)	Edge 93. Jenom HoloLens 2
Testový modul WebXR (immersive-web.github.io)	Edge 93. Jenom HoloLens 2

Zobrazení webXR

Prostředí WebXR můžete zobrazit ve Windows Mixed Reality pomocí nových prohlížečů Microsoft Edge a Firefox Reality . Pokud chcete otestovat, jestli váš prohlížeč podporuje WebXR, můžete v prohlížeči přejít na ukázky WebXR.

Co můžu použít k vývoji imerzivních webových prostředí?

Následující seznam ukazuje javascriptové architektury a rozhraní API pro vytváření imerzivních prostředí, která aktuálně převládají na trhu, a jsou široce přijímána a přijímána vývojáři v JavaScriptu hybridní reality:

Framework	Příklad
Babylon.js Babylon je javascriptový 3D modul, který usnadňuje vývoj 3D obsahu a imerzivních aplikací. Než začnete pracovat s imerzivními aplikacemi, doporučujeme seznámit se se základy vývoje Babylon.js. – Naučte se vytvářet 3D aplikace pomocí Babylon.js: Začínáme - Hrát s 3D příklady a jejich zdrojový kód pomocí Babylon.js: Playground - Ponořte se hlouběji do WebXR – Naučte se, jak začít s našimi kurzy: Vytvoření první aplikace Hello World!
Rámec A Rámec je deklarativní javascriptová architektura, kterou můžete použít k zahájení práce s virtuální realitou na webu. Další informace najdete v dokumentaci k A-Frame.
Three.js Three.js je oblíbená 3D knihovna pro vytváření imerzivních prostředí. Přečtěte si další informace o three.js a prozkoumejte příklady.
WebGL Rozhraní API zařízení WebXR můžete přistupovat přímo pomocí rozhraní WebGL API. WebGL (Webová knihovna grafiky) je javascriptové rozhraní API pro vykreslování vysoce výkonné interaktivní 3D a 2D grafiky v jakémkoli kompatibilním webovém prohlížeči bez použití modulů plug-in.