WebXR

Come le applicazioni desktop e mobili, le applicazioni XR/spaziali possono essere costruite utilizzando tecnologia web. Le app VR e AR basate sul web funzionano nel browser e possono essere eseguite su qualsiasi dispositivo che abbia un browser.

Vantaggi di WebXR 

Sviluppare un’applicazione XR o spaziale per il browser offre vantaggi significativi:

Multipiattaforma 

Le app spaziali web funzionano su qualsiasi dispositivo che abbia un browser. Questo include visori autonomi come il Meta Quest o il Meta Quest 2, fino all’Apple Vision Pro e al Microsoft HoloLens.

Comprende anche PC desktop, notebook, tablet e smartphone. Questo lo rende un obiettivo ideale per le applicazioni che mirano ai mercati di massa già affermati, ma vogliono essere future-proof e pronte per VR e AR.

Pronto per il Futuro 

Le app basate su WebXR funzionano su dispositivi futuri e persino non annunciati. Sono pronte per la prossima generazione di dispositivi al loro lancio.

Puoi costruire app per Apple Vision Pro oggi, anche senza un kit di sviluppo.

Accesso Semplice 

Per eseguire un’app VR o AR basata sul web, gli utenti devono semplicemente aprire un URL. Nessuna installazione è necessaria, ma l’installazione è possibile grazie alle moderne funzionalità web come “Aggiungi a schermata Home” e service worker che permettono l’accesso offline. Vedi anche PWAs.

Distribuzione Rapida 

Sul web, il publisher ha l’autorità sui contenuti. Non è presente alcuna curatela o filtro di terze parti come di solito avviene per gli app store.

L’app spaziale viene semplicemente caricata su un server web e collegata a un dominio. Da lì, può essere facilmente aggiornata per tutti gli utenti con l’upload di una nuova versione.

Condivisibile 

Poiché le app XR basate sul web vengono accedute tramite link, puoi condividere i link alla tua applicazione tramite social media, codici QR e annunci direttamente.

Questo può creare meravigliose esperienze prive di attriti, ad esempio, un utente scansiona un codice QR su un poster nel mondo reale per lanciare un’app AR basata sul web che trasforma il poster in un gioco interattivo.

Come Funziona WebXR 

I browser forniscono accesso alle funzionalità delle app spaziali web tramite il WebXR Device API.

L’API permette agli sviluppatori di recuperare le pose di testa, mano o controller tramite JavaScript e visualizzare immagini sul dispositivo XR. Gli ambienti 3D per le app spaziali web sono generalmente renderizzati tramite API web come WebGL o WebGPU. L’audio viene emesso tramite la WebAudio API.

Le API stesse sono implementate nativamente dai browser a seconda del dispositivo su cui stanno funzionando.

Un’app spaziale web consiste almeno in un file index.html, un po’ di JavaScript e spesso un insieme di texture e modelli 3D.

Specifica vs Implementazione 

Le API dei browser sono standardizzate, in modo che noi sviluppatori possiamo facilmente costruire un sito web, un’app web o un’app spaziale web che funzionerà su tutti i diversi browser.

Durante il processo di standardizzazione, un’API verrà prima specificata, quindi uno o più browser (detti anche “Clienti”) realizzeranno implementazioni sperimentali affinché gli sviluppatori possano fornire feedback.

Quali browser hanno implementato quale API e a quale versione può essere controllato su caniuse.com–un database per il supporto del browser delle tecnologie web moderne.

WebAR 

Sebbene il WebXR Device API definisca anche le capacità di tracciamento AR, la specifica e le implementazioni non sono avanzate tanto quanto con il VR.

Questo spesso significa che gli sviluppatori utilizzano librerie di terze parti per fare il tracciamento AR tramite l’accesso alla fotocamera dello smartphone.

Alcune delle librerie proprietarie utilizzate sono 8thwall, zappar o holoLink.

Sono disponibili anche alternative open source per vari tipi di tracciamento: MindAR, ARToolkit.js e AlvaAR.

Dispositivi Supportati 

Qualsiasi visore che ha un browser disponibile. Qualsiasi visore rilasciato in futuro è automaticamente supportato, se dispone di un browser.

Attualmente questi sono i dispositivi conosciuti che offrono un browser (25 luglio 2023):

Nota che qualsiasi visore desktop può eseguire WebXR tramite Chrome con SteamVR come runtime OpenXR.

PSVR, PSVR2 e HTC Vive Flow non sono attualmente supportati, poiché non forniscono un browser con supporto per l’API WebXR Device.

Apple Vision Pro supporta WebXR? 

Sì. Apple Vision Pro supporta WebXR (attualmente dietro un flag in Safari).

Puoi già costruire app per Apple Vision utilizzando JavaScript o TypeScript con WebXR.

PWA 

Progressive Web App (PWA) descrive un insieme di moderne funzionalità web che consentono alle app web di fornire funzionalità e un aspetto simile alle app native.

Aggiungi a Schermata Home 

Questa funzionalità consente di installare un’app web come un collegamento alla schermata principale del tuo desktop o smartphone. Quando viene lanciata, ottiene una sua finestra senza barra URL, facendola apparire come un’applicazione nativa installata.

Service Worker e Cache 

I service worker possono intercettare le richieste HTTP in modo che si possa fornire una risposta anche se l’utente è attualmente offline. Le risposte sono solitamente recuperate da una o più cache.