Sviluppo di WebXR con JavaScript

Articolo
02/18/2025

Importante

WebVR è deprecato e non è disponibile nei browser correnti, quindi non deve essere usato per alcun nuovo sviluppo. Sarà necessario eseguire la migrazione di tutte le implementazioni webVR esistenti da inoltrare a WebXR.

WebXR continua a essere disponibile. Tuttavia, il supporto per WebXR non è più disponibile (nessuna correzione di bug, aggiornamenti del contenuto o supporto tecnico) e pertanto non è possibile garantire che le applicazioni continueranno a funzionare per un periodo di tempo prolungato.

JavaScript è uno dei linguaggi di programmazione più diffusi al mondo. È semplice, leggero e ampiamente usato sul Web. Creare esperienze Realtà mista più coinvolgenti applicando la potenza delle competenze JavaScript e Web.

Realtà mista applicazioni sul Web

Realtà mista funzionalità sono disponibili sul Web tramite WebXR. È possibile visualizzare il contenuto di realtà virtuale (VR) e realtà aumentata (AR) in un browser compatibile con WebXR senza installare altri software o plug-in. È possibile usare lo stesso browser con un dispositivo fisico come il HoloLens 2.

L'API dispositivo WebXR consente di accedere ai dispositivi di realtà virtuale (VR) e di realtà aumentata (AR), inclusi sensori e schermi montati sulla testa, sul Web. L'API dispositivo WebXR è disponibile in Microsoft Edge e Chrome versione 79 e le versioni successive supportano WebXR come impostazione predefinita. È possibile controllare lo stato di supporto del browser più recente per WebXR all'indirizzo caniuse.com.

Funzionalità WebXR	Disponibilità
API del dispositivo WebXR (w3.org)	Edge 81 in Windows Desktop Edge 91 in HoloLens 2
Modulo di realtà aumentata WebXR - Livello 1 (w3.org)	Edge 91. solo HoloLens 2
Modulo di input manuale WebXR - Livello 1 (w3.org)	Edge 93. solo HoloLens 2
Modulo WebXR Anchors (immersive-web.github.io)	Edge 93. solo HoloLens 2
Modulo di hit test WebXR (immersive-web.github.io)	Edge 93. solo HoloLens 2

Visualizzazione di WebXR

È possibile visualizzare le esperienze WebXR in Windows Mixed Reality con i nuovi browser Microsoft Edge e Firefox Reality. Per verificare se il browser supporta WebXR, è possibile passare agli esempi di WebXR nel browser.

Cosa è possibile usare per sviluppare esperienze Web immersive?

L'elenco seguente mostra i framework e le API JavaScript per la creazione di esperienze immersive che attualmente dominano il mercato e sono ampiamente accettate e adottate dagli sviluppatori JavaScript di realtà mista:

Struttura	Esempio
Babylon.js Babylon è un motore 3D JavaScript che semplifica lo sviluppo di contenuti 3D e applicazioni immersive. Prima di iniziare a usare le applicazioni immersive, è consigliabile apprendere le nozioni di base dello sviluppo Babylon.js. - Informazioni su come creare applicazioni 3D con Babylon.js: Introduzione - Giocare con gli esempi 3D e il relativo codice sorgente usando Babylon.js: Playground - Approfondire WebXR - Informazioni su come iniziare a usare le esercitazioni: Creare la prima app "Hello World!"
A-Frame A-frame è un framework JavaScript dichiarativo che è possibile usare per iniziare a usare la realtà virtuale sul Web. Per altre informazioni, vedere la documentazione di A-Frame
Three.js Three.js è una libreria 3D molto diffusa per la creazione di esperienze immersive. Altre informazioni su three.js ed esplorare esempi.
WebGL È possibile accedere direttamente alle API del dispositivo WebXR usando le API WebGL. WebGL (Web Graphics Library) è un'API JavaScript per il rendering di grafica 3D e 2D interattiva ad alte prestazioni all'interno di qualsiasi Web browser compatibile senza l'uso di plug-in.