WebXR: kõik, mida peate teadma

WebXR
(Pildikrediit: Julius Horsthuis)
HÜPPA: WebXR: kiirlingid

- WebXR: väljakutsed
- Kus saab WebXR silma paista?
- 5 peamist näidet WebXR-ist
- WebXR-i API-d, tööriistad ja ressursid

Kui tehnoloogia tempo kiireneb, on lähenemisviiside ja standardite ühtlustamine muutunud kriitiliseks, enne kui killustatus edasist kasvu pärsib.



WebXR on uusim evolutsioon virtuaalse ja liitreaalsuse uurimisel; see kasutab veebi jõudu koos nende reaalsuste ühendamisega ühe filosoofilise katuse all, hõlbustades kaasahaarava loomist 3D-kunst , interaktiivsed keskkonnad, VR-i tööriistad ja palju muud. Sellest artiklist saate teada, mis on WebXR ja hindamatud ressursid selle kasutamise alustamiseks.



WebXR: väljakutsed

Veenvad XR-kogemused sõltuvad madalast latentsusest, täpsusest ja suurest hulgast kiiresti töödeldavatest andmetest, et muuta stseene, animatsioone ja palju muud. Latentsus, mis viitab kasutajate liikumise ja nähtu vahelise suhtluse viibimisele, peab olema võimalikult madal. Ideaalis peaks see olema reaalsuse illusiooni loomiseks vahemikus 20 ms või parem. Kui on isegi väike tõrge või joondamisprobleem, võib see kogemuse hajutada või isegi iiveldust tekitada.

Veeb on lisanud ka konkreetseid väljakutseid, kuna traditsioonilised kommunikatsioonimeetodid, näiteks veebipesad, ei ole piisavalt kiired. Brauserid saavad tutvustada muid jõudluse languseid. Suur hulk andmestikke stseenide visualiseerimiseks võib ka WebGL-i renderdamise piire ületada.



Lõpuks tekitavad veebikeskkonnad turvalisusega seotud probleeme, kuna seadmete vahel on vaja sellist otsest sidet (üks peamisi seadmeid) veebisaitide ehitajad ja parim veebimajutus teenused tagavad teie saidi toimetuleku). Uus WebXR seadme API lahendab need väljakutsed ning pakub standardiseeritud liidestamismeetodi XR-seadmetega. See muutub järjest väärtuslikumaks, kui riistvara valik ja maht lähiaastatel arenevad.

kuidas realistlikku kutsikat samm-sammult joonistada

WebXR-seadme API pakub järgmisi põhivõimalusi:

  • Tuvastage ja tuvastage (tuvastage) VR- või AR-väljundseadmed
  • Tõlgi sisendseadmetelt ja anduritelt saadud liikumisvektorid (suund ja suurus) kasutatavateks vektoriteks
  • 3D-stseenide edastamine seadmetesse sobiva kaadrisagedusega.

Aga brauseri tugi?

Uute tehnoloogiate puhul on brauseritugi alati oluline. Piiratud tugi võib uue API arendamise aeglustada või peatada, kui suuremad brauserid ei integreeri funktsioone oma ökosüsteemi.



Chrome juhib praegu tasu, toetades uusimatele brauseriversioonidele lisatud WebXR-i. Firefox teeb selle kättesaadavaks ka eksperimentaalse tehnoloogiana, mis tähendab, et atribuudid ja meetodid pole veel stabiilsed ja võivad muutuda. Kui tehnoloogia areneb jätkuvalt, saab ka tuge. Võite olla kursis WebXR Device API uusima toega siin .

Tänased parimad VR-pakkumised HTC Vive HTC Vive Amazon 1199,98 naela Vaade Vaadake kõiki hindu Oculus Rift DK2 VR peakomplekt silma Rift Amazon 579 naela Vaade Vaadake kõiki hindu Oculus Quest 128 GB VR-peakomplekt Quest silm Amazon 399,99 £ Vaade Vaadake kõiki hindu Parimate hindade saamiseks kontrollime iga päev üle 130 miljoni toote

Kus saab WebXR silma paista?

Julius Horsthuis kasutab VR-i ja XR-i abil kunsti ja visuaalsete kogemuste mõtlemist

Julius Horsthuis kasutab VR-i ja XR-i abil kunsti ja visuaalsete kogemuste mõtlemist(Pildikrediit: Julius Horsthuis)

Kaasahaarav kunstiteos

Te ei pea vaatama kaugemale kui tipptasemel kogemused, mille loovad sellised kunstnikud Julius Horsthuis , fraktaalkunstnik ja filmitegija, et mõista võimalusi, mida VR / XR loovad. VR ja projitseeritud kogemusi kasutades surub Julius kunsti- ja visuaalkogemustest mõtlemise viisi edasi ja muutunud reaalsuse valdkonda. Kui XR peaks ulatuma kaugemale ekraani või peakomplekti kuvarite tavadest, võivad just sellised artistid leida uusi võimalusi kunsti kogemise piiride ületamiseks.

Kas vajate kusagil oma töö hoidmiseks turvalist kohta? Proovige ühte neist usaldusväärsetest pilvemälu valikud.

360-kraadine video / ümbritsev meelelahutus

Meelelahutus ja turundus on mõlemad aastaid uurinud XR-i potentsiaali. VR-filmide ja 360-kraadise fotograafia populaarsus on kasvanud. Luuakse filme, mis rikuvad ühe kaameravaate kokkulepet. See võimaldab publikul vaadata lugu arenemise ajal ümbritsevas keskkonnas. See avab sisuloojatele täiesti uue võimaluste maailma. Publiku asetamine keset tegevust võib avada täiesti uusi lugude jutustamise viise ja isegi uusi lugusid. See on potentsiaalselt selle uue tehnoloogia üks põnevamaid kasutusviise.

Mudeli visualiseeringud

Väidetavalt on XR-i üks praktilisemaid kasutusjuhtumeid 3D-mudelite vaatamine. See hõlmab paljusid rakendusi. Kujutage ette, et saate enne selle ehitamist läbi vaadata arhitektuurse mudeli, et uurida selle konstruktsiooni või otsida tõrkeid. Saate uurida uusi tooteid enne nende ostmist või disainerina neid enne tootmist reaalajas täiustada.

Mudelid võivad olla tooted, ehitised, uued sõidukid, aga ka keskkonnad. Inimestele mittesobivate ja kogutud andmetest tuletatud asukohtade uurimine võib anda suurepärase ülevaate ja mõistmise, millele ei sobi muud vahendid. Millegi nägemine, andmete visualiseerimine võib anda õppimise edendamiseks täiesti uue vaatenurga.

Viis peamist WebXR-i näidet

01. Sumeri ekspress

Sumeri ekspress

(Pildikrediit: Amazon)

Sumeri ekspress on veebi WebXR kogemus, mis on renderdatud WebGL-i abil ja töötab Chrome'i brauserites ja VR-seadmetes. Amazon Sumerian on WebXR-i tööriistade ja arenduse esirinnas ning tasub sellega tutvuda.

02. Rooma nähtamatu linn

Rooma

(Pildikrediit: BBC / ScanLAB Projects)

Rooma nähtamatu linna VR-kogemus , mille on loonud BBC ja ScanLAB Projects, on WebXR-i kogemus, mis on mõeldud külastajate harimiseks erinevates kohtades, kui nad uurivad 360 pilti virtuaalses maailmas.

03. LearnBrite

LearnBrite

(Pildikrediit: Learnbrite)

LearnBrite on virtuaalne klassiruum või kohandatav koosolekuruum, millega saate suhelda mobiilseadmetes, lauaarvutites ja seadmetes. See toetab WebXR-i ja suudab korraga majutada tuhandeid inimesi!

04. Kaasav veeb - 360-kraadised fotod

Kaasav veeb - 360-kraadised fotod

(Pildikrediit: ümbritsev veeb)

Reaalajas 360-kraadine fotodemo, mida haldab Immersive Web. See on vaid üks leitud arvukatest näidetest siin . See on suurepärane näited WebXR-i kasutamise kohta.

05. Sketchfab

Sketchfab

(Pildikrediit: Sketchfab)

Sketchfab on 3D-mudelite ja -varade hindamatu ressurss. Lisaks sellele, et saate suurepäraseid mudeleid alla laadida, on Sketchfab tegelikult suurepärane näide WebXR-ist, mis võimaldab teil navigeerida ja mudeleid VR-is uurida!

WebXR-i API-d, tööriistad ja ressursid

A-Painter XR

Mozilla A-Painter XR laiendab WebVR-i värvirakendust WebXR-iga töötamiseks(Pildikrediit: Mozilla)

W3C töö mustand - WebXR seadme API

Ametliku veebipaberi ametlik töökavand WebXR seadme API . Ülemaailmne veebikonsortsium on selle areneva tehnoloogia staatuse jaoks kõige ametlikum ressurss.

Mozilla WebXR katse: A-Painter XR

A-Painter XR on eksperiment WebVR-i värviprogrammi 'A-Painter' laiendamiseks WebXR-i toetamiseks ja AR-võimete andmiseks. Suurepärane lugemine koos hulga linkidega, et rohkem teada saada.

Mozilla WebXR seadme API

The Mozilla WebXR seadme API Artikkel kirjeldab API praegust olekut ja üksikasju rakendamise kohta. Selles tuuakse välja WebXR-i eesmärgid, diagrammid selle toimimise ja rakenduste elutsüklite kohta.

parim monitor mac pro 2015 jaoks

A-Frame veebiraamistik

A-raam on populaarne raamistik virtuaalse reaalsuse kogemuste loomiseks veebis. See on ehitatud kolmefailise renderdamise teenusele Three.js. Seda toetatakse paljudes seadmetes ja platvormides.

Kaasav veeb - WebXR

WebXR-i proovid mis on loodud uue WebXR-seadme API demonstreerimiseks. Eesmärk on anda arendajatele „komplekt lihtsaid, lõbusaid ja loetavaid rakendusi, mis demonstreerivad API kasutamise erinevaid aspekte”.

ARCore

ARCore on Google'i loodud SDK täiustatud reaalsuse rakenduste rakendamiseks Android-seadmetes. Kuigi see pole keskendunud ainult WebXR-ile, pakub see suurepäraseid XR-mudeleid, mida saate oma arengus jälgida.

AR.js

AR.js on veebi sihtmärk / marker liitreaalsuse teek. See on avatud lähtekoodiga ja väga kiire. See kasutab Three.js ja jsartoolkit5. Seda saab kasutada ka A-raamiga.

Three.js

Three.js on brauseriteülene JavaScripti teek / API, mida kasutatakse animeeritud 3D-arvutigraafika loomiseks ja kuvamiseks veebibrauseris. Three.js kasutab WebGL-i.

WebXR-i selgitaja

Suurepärane ülevaade kõigest WebXR-ist . Alates mõistete selgitamisest kuni olekuni, kus on API edusammud. Sisaldab ka põhjalikku sukeldumist API-sse koos koodinäidetega.

GenerateJS 2020 - 4 kõlarit

(Pildikrediit: Future / Toa Heftiba, Unsplash)

See artikkel ilmus algselt loomingulise veebidisaini ajakirja Web Designer väljaandes 293.

Seotud artiklid: