WebXR: Sve što trebate znati

WebXR
(Slika zaslužna: Julius Horsthuis)
SKOČI NA: WebXR: brze poveznice

- WebXR: izazovi
- Gdje se WebXR može istaknuti?
- 5 najboljih primjera WebXR-a
- API-ji, alati i resursi WebXR

Kako se tehnologija ubrzava, postalo je presudno objedinjavanje pristupa i standarda, prije nego što usitnjavanje spriječi daljnji rast.

WebXR je najnovija evolucija u istraživanju virtualne i proširene stvarnosti; dohvaća snagu mreže zajedno s objedinjavanjem tih stvarnosti, pod jednim filozofskim kišobranom, olakšavajući stvaranje uronjivosti 3D umjetnost , interaktivno okruženje, VR alati i još mnogo toga. U ovom ćete članku naučiti što je WebXR i neprocjenjive resurse da biste ga započeli koristiti.



WebXR: izazovi

Uvjerljiva XR iskustva ovise o maloj latenciji, visokoj preciznosti i velikoj količini podataka koji se brzo obrađuju za prikazivanje scena, animacija i još mnogo toga. Latencija, koja se odnosi na kašnjenje u komunikaciji između kretanja korisnika i onoga što vidi, mora biti što je moguće manja. U idealnom slučaju to bi trebalo biti u rasponu od 20 ms ili bolje kako bi se stvorila iluzija stvarnosti. Ako postoji čak i mali problem s kvarom ili poravnanjem, to može poništiti iskustvo ili čak uzrokovati mučninu.

Web je također dodao posebne izazove jer tradicionalne metode komunikacije, poput Web soketa, nisu dovoljno brze. Preglednici mogu uvesti druge postupne padove performansi. Velike količine podataka za vizualizaciju scena mogu pomaknuti i granice WebGL prikazivanja.

Konačno, web okruženja uvode sigurnosne probleme zbog potrebe za takvom izravnom komunikacijom između uređaja (jedan od najvažnijih graditelji web stranica i najbolje web hosting usluge će osigurati da se vaše web mjesto može nositi). Novi API WebXR uređaja rješava ove izazove, uz pružanje metode standardiziranog povezivanja s XR uređajima. To će postajati sve vrijednije kako se opseg i opseg hardvera bude razvijao u narednim godinama.

koliko traje photoshop za instalaciju

API uređaja WebXR pruža sljedeće ključne mogućnosti:

  • Identificirajte i locirajte (detektirajte) VR ili AR izlazne uređaje
  • Prevedite vektore kretanja (smjer i veličinu) iz ulaznih uređaja i senzora u korisne vektore za primjenu
  • Prikazujte 3D scene uređajima s odgovarajućom brzinom kadrova.

Što je s podrškom preglednika?

Podrška preglednika uvijek je važna kada su u pitanju nove tehnologije. Ograničena podrška može usporiti usvajanje ili zaustaviti razvoj novog API-ja zajedno ako glavni preglednici ne integriraju značajke u svoj ekosustav.

Chrome trenutno predvodi naplatu s podrškom za WebXR dodanom u najnovije verzije preglednika. Firefox ga također stavlja na raspolaganje kao eksperimentalnu tehnologiju, što znači da atributi i metode još nisu stabilni i podložni su promjenama. Kako se tehnologija nastavlja razvijati, tako će se razvijati i podrška. Možete pratiti najnoviju podršku za WebXR Device API ovdje .

Današnje najbolje ponude VR-a HTC Vive HTC Vive Amazon 1.199,98 £ Pogled Pogledajte sve cijene Oculus Rift DK2 VR slušalice oko Rift Amazon 579 GBP Pogled Pogledajte sve cijene VR slušalice Oculus Quest 128 GB Oko potrage Amazon 399,99 £ Pogled Pogledajte sve cijene Svakodnevno provjeravamo preko 130 milijuna proizvoda po najboljim cijenama

Gdje se WebXR može istaknuti?

Julius Horsthuis koristi VR i XR kako bi promijenio način razmišljanja o umjetnosti i vizualnim iskustvima

Julius Horsthuis koristi VR i XR kako bi promijenio način razmišljanja o umjetnosti i vizualnim iskustvima(Slika zaslužna: Julius Horsthuis)

Impresivno umjetničko djelo

Ne trebate tražiti dalje od vrhunskih iskustava koja stvaraju umjetnici poput Julius Horsthuis , fraktalni umjetnik i filmaš, kako bi razumio mogućnosti koje VR / XR počinju stvarati. Koristeći VR i projicirana iskustva, Julius gura način na koji razmišljamo o umjetnosti i vizualnim iskustvima naprijed, u područje izmijenjene stvarnosti. Ako se XR želi proširiti izvan konvencija zaslona ili zaslona slušalica, možda će ovakvi umjetnici pronaći nove načine kako pomaknuti granice kako doživljavamo umjetnost.

Trebate negdje na sigurnom za pohranu svog posla? Pokušajte s jednim od ovih pouzdanih pohrana u oblaku mogućnosti.

360 videozapisa / obuzimajuća zabava

Zabava i marketing godinama istražuju potencijal XR-a. VR filmovi i fotografije od 360 ° sve su popularniji. Stvaraju se filmovi koji krše konvenciju jednog prikaza kamere. To omogućuje publici da gleda okolicu oko sebe dok gleda priču kako se odvija. Otvara potpuno novi svijet mogućnosti za kreatore sadržaja. Smještanje publike usred akcije može otključati potpuno nove načine pripovijedanja, pa čak i nove priče. To je potencijalno jedno od najuzbudljivijih primjena ove nove tehnologije.

Vizualizacije modela

Vjerojatno jedan od najpraktičnijih slučajeva upotrebe XR-a je gledanje 3D modela. Ovo pokriva širok spektar primjena. Zamislite, prolazeći kroz arhitektonski model zgrade prije nego što je sagrađena, istražite ili riješite njezin dizajn. Nove proizvode možete istražiti prije kupnje ili ih kao dizajner poboljšati u stvarnom vremenu, prije proizvodnje.

Modeli bi mogli biti proizvodi, zgrade, nova vozila, ali i okruženja. Istraživanje mjesta koja ljudima nisu prikladna i izvedeni iz prikupljenih podataka moglo bi dodati sjajan uvid i razumijevanje, bez premca bilo kojim drugim sredstvima. Vidjeti nešto, vidjeti vizualizirane podatke može pružiti potpuno novu perspektivu za poboljšanje učenja.

Pet najboljih primjera WebXR-a

01. Sumerski Express

Sumerski Express

(Slika: Amazon)

Sumerski Express mrežno je WebXR iskustvo izvedeno pomoću WebGL-a i radi u preglednicima Chrome i VR uređajima. Amazon Sumerian je na prvom mjestu WebXR alata i razvoja i vrijedi ga provjeriti.

02. Rimski nevidljivi grad

Rim

(Slika zaslužna za projekte BBC / ScanLAB)

Rimsko nevidljivo gradsko VR iskustvo , stvoren od strane BBC-a i ScanLAB Projects, je WebXR iskustvo namijenjeno obrazovanju posjetitelja na raznim mjestima dok istražuju 360 slika u virtualnom svijetu.

03. LearnBrite

LearnBrite

(Slika pripisana: Learnbrite)

LearnBrite je virtualna učionica ili prilagodljivi prostor za sastanke s kojim možete komunicirati na mobilnim uređajima, stolnim računalima i uređajima. Podržava WebXR i istovremeno može ugostiti 1000 ljudi!

04. Impresivni web - fotografije od 360 °

Impresivan web - fotografije od 360 °

(Slika pripisana: Immersive Web)

Demonstracija s fotografijama od 360 ° u stvarnom vremenu koju organizira Immersive Web. Ovo je samo jedan od brojnih pronađenih primjera ovdje . Ovo je sjajna zbirka primjera kako se WebXR može koristiti.

05. Sketchfab

Sketchfab

(Slika zaslužna za: Sketchfab)

Sketchfab je neprocjenjiv resurs za 3D modele i sredstva. Ne samo da možete preuzeti izvrsne modele za upotrebu, Sketchfab je zapravo izvrstan primjer WebXR-a, omogućavajući vam navigaciju i istraživanje modela u VR-u!

API-ji, alati i resursi WebXR

A-Slikar XR

Mozillin A-Painter XR proširuje aplikaciju WebVR za rad s WebXR-om(Slika pripisana: Mozilla)

W3C radna skica - WebXR Device API

Službeni radni nacrt internetskog dokumenta za API uređaja WebXR . Konzorcij na svjetskoj mreži najslužbeniji je resurs za status ove nove tehnologije.

Mozilla WebXR eksperiment: A-Painter XR

A-Slikar XR je eksperiment u proširivanju programa za bojenje WebVR nazvanog 'A-Painter' za podršku WebXR-u i davanju AR mogućnosti. Izvrsno štivo s gomilom veza da biste saznali više.

API uređaja Mozilla WebXR

The API uređaja Mozilla WebXR članak iznosi trenutni status API-ja i detalje o implementaciji. U njemu su navedeni ciljevi WebXR-a, dijagrami kako to radi i životni ciklusi primjene.

A-Frame Web Framework

Okvir je popularan okvir za izgradnju iskustava virtualne stvarnosti na webu. Izgrađen na Three.js za 3D prikaz, podržan je na širokom rasponu uređaja i platformi.

Impresivan web - WebXR

WebXR uzorci koji su dizajnirani za demonstraciju novog API-ja WebXR uređaja. Cilj je dati programerima 'set jednostavnih, zabavnih, čitljivih aplikacija koje pokazuju različite aspekte korištenja API-ja'.

ARCore

ARCore je SDK koji je Google stvorio za primjenu aplikacija proširene stvarnosti na Android uređajima. Iako nije isključivo usmjeren na WebXR, nudi izvrsne XR modele koje treba slijediti tijekom razvoja.

AR.js

AR.js je ciljna / markerska biblioteka proširene stvarnosti za web. Otvoren je izvor i vrlo je brz. Koristi Three.js i jsartoolkit5. Također se može koristiti s A-okvirom.

Three.js

Three.js je JavaScript knjižnica / API za više preglednika koja se koristi za stvaranje i prikaz animirane 3D računalne grafike u web pregledniku. Three.js koristi WebGL.

kako koristiti preklopni telefon

WebXR Explainer

Sjajan pregled svega WebXR-a . Od objašnjavanja koncepata do statusa napretka na API-ju. Također uključuje dubinsko uranjanje u API s primjerima koda.

GenerateJS 2020 - 4 zvučnika

(Slika pripisana: Future / Toa Heftiba, Unsplash)

Ovaj je članak izvorno objavljen u broju 293 kreativnog časopisa za web dizajn Web Designer.

Povezani članci: