Sviluppo WebXR con JavaScript
Importante
WebVR è deprecato e non è disponibile nei browser correnti, quindi non deve essere usato per alcun nuovo sviluppo. È necessario eseguire la migrazione di qualsiasi implementazione WebVR esistente in avanti 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 continuino a funzionare per qualsiasi periodo di tempo prolungato.
JavaScript è uno dei linguaggi di programmazione più diffusi al mondo. È semplice, leggero e ampiamente usato sul Web. Creare esperienze di 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 della realtà virtuale (VR) e della realtà aumentata (AR) in un browser compatibile abilitato per WebXR senza installare altri software o plug-in. È possibile usare lo stesso browser con un dispositivo fisico come HoloLens 2.
L'API del dispositivo WebXR consente di accedere alla realtà virtuale (VR) e ai dispositivi di realtà aumentata (AR), inclusi sensori e schermi montati sulla testa, sul Web. L'API del dispositivo WebXR è disponibile in Microsoft Edge e Chrome versione 79 e le versioni successive supportano WebXR come impostazione predefinita. È possibile controllare lo stato del supporto del browser più recente per WebXR in 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 ancoraggi WebXR (immersive-web.github.io) | Edge 93. Solo HoloLens 2 |
| Modulo hit test WebXR (immersive-web.github.io) | Edge 93. Solo HoloLens 2 |
Visualizzazione di WebXR
È possibile visualizzare le esperienze WebXR in Windows Realtà mista con i nuovi browser di realtà Microsoft Edge e Firefox. Per verificare se il browser supporta WebXR, è possibile passare a WebXR Samples 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:
| Framework | Esempio |
|---|---|
| Babylon.js Babylon è un motore 3D JavaScript che semplifica lo sviluppo di contenuti 3D e applicazioni immersive. Prima di iniziare a usare applicazioni immersive, è consigliabile apprendere le nozioni di base sullo sviluppo di Babylon.js. - Informazioni su come creare applicazioni 3D con Babylon.js: Introduzione - Riprodurre con esempi 3D e il codice sorgente usando Babylon.js: Playground - Approfondimento su WebXR - Informazioni su come iniziare a usare le esercitazioni: Creare la prima app "Hello World!" |
 |
| A libro Un 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 popolare per la creazione di esperienze immersive. Altre informazioni su three.js ed esplorare esempi. |
 |
| WebGL È possibile accedere alle API del dispositivo WebXR direttamente usando le API WebGL. WebGL (Web Graphics Library) è un'API JavaScript per il rendering di grafica 3D e 2D interattive ad alte prestazioni all'interno di qualsiasi Web browser compatibile senza l'uso di plug-in. |
 |
Vedi anche
- Specifica dell'API del dispositivo WebXR
- Documentazione dell'API per dispositivi WebXR
- Esempi di WebXR
- Immersiveweb.dev
- Uso di Babylon.js per creare esperienze WebXR
- WebGL API
- API game pad ed estensioni game pad
- Windows Realtà mista e il nuovo Microsoft Edge
- Gestione del contesto perso in WebGL
- Puntatore
- glTF
- Gruppo della community Web immersiva
- Immersive Web W3C Github