Sviluppo WebXR con JavaScript
JavaScript è uno dei linguaggi di programmazione più diffusi al mondo! È semplice, leggero e ampiamente usato sul Web. Sfruttare la potenza delle competenze JavaScript e Web per creare esperienze di Realtà mista più coinvolgenti.
applicazioni Realtà mista sul Web
Realtà mista funzionalità sono disponibili sul Web tramite WebXR. È possibile visualizzare il contenuto di realtà virtuale (VR) e di realtà aumentata (AR) in un browser abilitato per WebXR compatibile senza installare software o plug-in aggiuntivi. È possibile usare lo stesso browser con un dispositivo fisico come il HoloLens 2.
L'API dispositivo WebXR consente di accedere a dispositivi VR (Virtual Reality) e realtà aumentata (AR), inclusi sensori e display montati sulla testa, sul Web. L'API dispositivo WebXR è disponibile in Microsoft Edge e Chrome versione 79 e versioni successive supportano WebXR come impostazione predefinita. È possibile controllare lo stato più recente del supporto del browser per WebXR in caniuse.com.
Nota
WebVR è deprecato e non è disponibile nei browser correnti, quindi non deve essere usato per alcun nuovo sviluppo. È necessario eseguire la migrazione di eventuali implementazioni WebVR esistenti inoltrate a WebXR.
Funzionalità WebXR | Disponibilità |
---|---|
API 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 della mano WebXR - Livello 1 (w3.org) | Edge 93. Solo Hololens 2 |
Modulo ancoraggi WebXR (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 di realtà Microsoft Edge e Firefox. Per verificare se il browser supporta WebXR, è possibile passare a Esempi webXR nel browser.
Cosa è possibile usare per sviluppare esperienze Web immersivi?
L'elenco seguente illustra i framework JavaScript e le API per la creazione di esperienze immersive che attualmente dominano il mercato e sono ampiamente accettati e adottati 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 - Approfondire 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 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 interattive ad alte prestazioni all'interno di qualsiasi Web browser compatibile senza l'uso di plug-in. |
Vedere anche
- Specifica dell'API del dispositivo WebXR
- Documentazione dell'API dispositivo WebXR
- Esempi di WebXR
- Immersiveweb.dev
- Uso di Babylon.js per creare esperienze WebXR
- WebGL API
- API gamepad e estensioni gamepad
- Windows Mixed Reality e il nuovo Microsoft Edge
- Gestione del contesto perso in WebGL
- Puntatore
- glTF
- Gruppo di community Web immersiva
- Github Web immersivo W3C