WebXR: Všetko, čo potrebujete vedieť

WebXR
(Obrazový kredit: Julius Horsthuis)
SKOČ DO: WebXR: rýchle odkazy

- WebXR: výzvy
- Kde môže vyniknúť WebXR?
- 5 najdôležitejších príkladov WebXR
- WebXR API, nástroje a zdroje

S pribúdajúcim tempom technologického vývoja je nevyhnutné zjednotiť prístupy a štandardy skôr, ako fragmentácia zabráni ďalšiemu rastu.

WebXR je najnovší vývoj v skúmaní virtuálnych a rozšírených realít; využíva moc webu spolu so zjednotením týchto skutočností pod jedným filozofickým dáždnikom a uľahčuje vytváranie pohlcujúcich informácií 3D umenie , interaktívne prostredia, nástroje VR a ďalšie. V tomto článku sa dozviete, čo je WebXR a neoceniteľné zdroje, ako ho začať používať.



WebXR: výzvy

Presvedčivé zážitky XR závisia od nízkej latencie, vysokej presnosti a veľkého množstva údajov rýchlo spracovaných na vykreslenie scén, animácií a oveľa viac. Latencia, ktorá označuje oneskorenie v komunikácii medzi pohybom používateľa a tým, čo vidí, musí byť čo najmenšia. V ideálnom prípade by to malo byť v rozmedzí 20 ms alebo lepšie, aby sa vytvorila ilúzia reality. Ak sa vyskytne čo i len mierny problém so zarovnaním alebo vyrovnaním, môže to narušiť zážitok alebo dokonca spôsobiť nevoľnosť.

Web tiež pridal špecifické výzvy, pretože tradičné spôsoby komunikácie, ako sú napríklad webové zásuvky, nie sú dostatočne rýchle. Prehliadače môžu zavádzať ďalšie prírastky výkonu. Veľké množstvo údajov na vizualizáciu scén môže tiež posunúť hranice vykresľovania WebGL.

Nakoniec webové prostredia zavádzajú bezpečnostné problémy z dôvodu potreby priamej komunikácie medzi zariadeniami (jedným z najlepších) tvorcovia webových stránok a najlepšie web hosting služby zaistia, že si váš web poradí). Nové WebXR Device API rieši tieto výzvy spolu s poskytnutím metódy štandardizovaného rozhrania so zariadeniami XR. Toto bude čoraz cennejšie, keď sa rozsah a objem hardvéru vyvinie v nasledujúcich rokoch.

Rozhranie WebXR Device API poskytuje nasledujúce kľúčové funkcie:

  • Identifikujte a vyhľadajte (detegujte) výstupné zariadenia VR alebo AR
  • Preložte pohybové vektory (smer a veľkosť) zo vstupných zariadení a senzorov do použiteľných vektorov pre aplikáciu
  • Vykresľujte 3D scény do zariadení pri zodpovedajúcej snímkovej frekvencii.

A čo podpora prehliadačov?

Podpora prehliadačov je pri rozvíjajúcich sa technológiách vždy dôležitá. Obmedzená podpora môže spomaliť prijatie alebo zastaviť vývoj nového API, ak hlavné prehliadače neintegrujú funkcie do svojho ekosystému.

Momentálne je na čele Chrome s podporou technológie WebXR pridanej do najnovších verzií prehľadávača. Prehliadač Firefox ho tiež sprístupňuje ako experimentálnu technológiu, čo znamená, že atribúty a metódy ešte nie sú stabilné a môžu sa meniť. Keď sa technológia bude neustále vyvíjať, bude sa vyvíjať aj podpora. Môžete držať krok s najnovšou podporou pre rozhranie WebXR Device API tu .

Najlepšie ponuky VR dnes HTC Vive HTC Vive Amazon 1 199,98 GBP vyhliadka Zobraziť všetky ceny Náhlavná súprava Oculus Rift DK2 VR eye Rift Amazon 579 libier vyhliadka Zobraziť všetky ceny VR náhlavná súprava Oculus Quest 128 GB Quest oko Amazon 399,99 GBP vyhliadka Zobraziť všetky ceny Denne kontrolujeme viac ako 130 miliónov výrobkov, aby sme našli tie najlepšie ceny

Kde môže vyniknúť WebXR?

Julius Horsthuis používa VR a XR na zmenu spôsobu, akým premýšľame o umeleckých a vizuálnych zážitkoch

Julius Horsthuis používa VR a XR na zmenu spôsobu, akým premýšľame o umeleckých a vizuálnych zážitkoch(Obrazový kredit: Julius Horsthuis)

Ponorné umelecké diela

Musíte hľadať nič iné ako špičkové zážitky, ktoré vytvárajú umelci ako Július Horsthuis , fraktálny umelec a filmár, porozumieť možnostiam, ktoré VR / XR začínajú vytvárať. Pomocou VR a projektovaných zážitkov tlačí Julius spôsob, akým premýšľame o umeleckých a vizuálnych zážitkoch, dopredu a do sféry zmenenej reality. Ak má XR presahovať konvencie obrazovky alebo náhlavnej súpravy, môžu to byť takí umelci, ktorí nájdu nové spôsoby, ako posúvať hranice toho, ako prežívame umenie.

Potrebujete bezpečne uložiť svoju prácu? Vyskúšajte jeden z týchto spoľahlivých cloud-ové úložisko možnosti.

360 ° video / pohlcujúca zábava

Zábava aj marketing skúmajú potenciál XR už roky. Obrovskú popularitu zaznamenali filmy VR a 360 ° fotografia. Vytvárajú sa filmy, ktoré porušujú konvencie pohľadu jednej kamery. To umožňuje divákom rozhliadnuť sa okolo prostredia pri sledovaní vývoja príbehu. Pre tvorcov obsahu otvára úplne nový svet možností. Ak diváka postavíte do deja, môže to odomknúť úplne nové spôsoby rozprávania príbehov a dokonca aj nové príbehy. Je to potenciálne jedno z najvzrušujúcejších použití tejto novej technológie.

Modelové vizualizácie

Pravdepodobne jedným z najpraktickejších prípadov použitia pre XR je prezeranie 3D modelov. To pokrýva širokú škálu aplikácií. Predstavte si, že prechádzate architektonickým modelom budovy pred jej postavením, aby ste preskúmali alebo vyriešili problémy s jej dizajnom. Nové výrobky môžete preskúmať pred ich zakúpením alebo ako návrhár vylepšiť v reálnom čase pred výrobou.

Modely by mohli byť výrobky, budovy, nové vozidlá, ale aj prostredia. Skúmanie miest, ktoré nie sú vhodné pre ľudí a sú odvodené zo zhromaždených údajov, by mohlo pridať skvelý vhľad a porozumenie, aké sa nedajú porovnať žiadnymi inými prostriedkami. Vidieť niečo, vidieť vizualizované údaje, môže poskytnúť úplne nový pohľad na zlepšenie učenia.

Päť najdôležitejších príkladov WebXR

01. Sumerský expres

Sumerský expres

(Obrázok: © Amazon)

Sumerský expres je online prostredie WebXR vykreslené pomocou WebGL a beží v prehliadačoch Chrome a zariadeniach VR. Amazon Sumerian je na špičke nástrojov a vývoja WebXR a stojí za to si ho vyskúšať.

02. Rímske neviditeľné mesto

Rím

(Obrazový kredit: Projekty BBC / ScanLAB)

Rímsky zážitok s Invisible City VR , vytvorené spoločnosťami BBC a ScanLAB Projects, je program WebXR zameraný na vzdelávanie návštevníkov na rôznych miestach pri skúmaní 360 obrázkov vo virtuálnom svete.

03. LearnBrite

LearnBrite

(Obrázkový kredit: Learnbrite)

LearnBrite je virtuálna učebňa alebo prispôsobiteľný priestor na schôdzky, s ktorými môžete komunikovať na mobilných zariadeniach, počítačoch a zariadeniach. Podporuje WebXR a môže súčasne hostiť 1000 ľudí!

04. Ponorný web - 360 fotografií

Ponorný web - 360 ° fotky

(Obrázkový kredit: Ponorný web)

360 ° ukážka fotografie v reálnom čase hostená spoločnosťou Immersive Web. Je to iba jeden z mnohých nájdených príkladov tu . Toto je skvelá zbierka príkladov toho, ako je možné WebXR použiť.

05. Skicár

Skicár

(Obrázok: © Sketchfab)

Sketchfab je neoceniteľný zdroj pre 3D modely a diela. Nielen, že si môžete stiahnuť vynikajúce modely, ktoré chcete použiť, ale Sketchfab je vlastne vynikajúcim príkladom WebXR, ktorý vám umožní prechádzať a skúmať modely vo VR!

WebXR API, nástroje a zdroje

A-Painter XR

Mozilla A-Painter XR rozširuje aplikáciu WebVR paint na prácu s WebXR(Obrázok: © Mozilla)

Pracovný koncept W3C - API zariadenia WebXR

Oficiálny pracovný návrh online dokumentu pre WebXR Device API . Celosvetové webové konzorcium je najoficiálnejším zdrojom pre stav tejto novo vznikajúcej technológie.

Experiment s Mozilla WebXR: A-Painter XR

A-Painter XR je experiment s rozšírením programu WebVR na maľovanie s názvom „A-Painter“ na podporu WebXR a s možnosťou jeho AR. Skvelé čítanie s množstvom odkazov, kde sa dozviete viac.

Mozilla WebXR Device API

The Mozilla WebXR Device API článok načrtáva súčasný stav API a podrobnosti o implementácii. Načrtáva ciele WebXR, diagramy jeho fungovania a životné cykly aplikácií.

Webový rámec A-Frame

Rám je populárny rámec na vytváranie zážitkov z virtuálnej reality na webe. Postavený na Three.js pre 3D vykreslenie, je podporovaný na širokej škále zariadení a platforiem.

Ponorný web - WebXR

Ukážky WebXR ktoré boli vyvinuté na demonštráciu nového rozhrania WebXR Device API. Cieľom je poskytnúť vývojárom „sadu jednoduchých, zábavných a čitateľných aplikácií, ktoré demonštrujú rôzne aspekty používania API“.

ARCore

ARCore je sada SDK vytvorená spoločnosťou Google na implementáciu aplikácií rozšírenej reality na zariadeniach Android. Aj keď nie je zameraný výlučne na WebXR, ponúka vynikajúce modely XR, ktoré je potrebné nasledovať pri vývoji.

AR.js

AR.js je knižnica rozšírenej reality pre cieľ / značku pre web. Je to open source a veľmi rýchly. Využíva Three.js a jsartoolkit5. Môže byť použitý aj s A-rámom.

Three.js

Three.js je knižnica / rozhranie API pre rôzne prehliadače používané na vytváranie a zobrazovanie animovanej 3D počítačovej grafiky vo webovom prehliadači. Three.js používa WebGL.

Vysvetľovač WebXR

Skvelý prehľad o všetkom, čo WebXR ponúka . Od vysvetlenia konceptov až po stav, kde je pokrok v API. Zahŕňa tiež hlboký ponor do API s príkladmi kódu.

GenerateJS 2020 - 4 reproduktory

(Obrázok: © Future / Toa Heftiba, Unsplash)

Tento článok bol pôvodne publikovaný v čísle 293 kreatívneho časopisu Web Design Web Designer.

Súvisiace články: