Desarrollo de WebXR con JavaScript
JavaScript es uno de los lenguajes de programación más populares del mundo. Es sencillo, ligero y ampliamente utilizado en la Web. Aproveche la eficacia de sus aptitudes de JavaScript y Web para crear experiencias Mixed Reality más atractivas.
Mixed Reality aplicaciones en la Web
Mixed Reality características están disponibles en la Web a través de WebXR. Puede ver contenido de realidad virtual (VR) y realidad aumentada (AR) en un explorador compatible habilitado para WebXR sin necesidad de instalar ningún software o complemento adicional. Puede usar ese mismo explorador con un dispositivo físico, como el HoloLens 2.
La API de dispositivo WebXR es para acceder a dispositivos de realidad virtual (VR) y realidad aumentada (AR), incluidos sensores y pantallas montadas en la cabeza, en la Web. La API de dispositivo WebXR está disponible en Microsoft Edge y Chrome versión 79, y las versiones posteriores admiten WebXR como valor predeterminado. Puede comprobar el estado de compatibilidad más reciente del explorador para WebXR en caniuse.com.
Nota
WebVR está en desuso y no está disponible en los exploradores actuales, por lo que no debe usarse para ningún nuevo desarrollo. Deberá migrar las implementaciones existentes de WebVR a WebXR.
| Característica WebXR | Disponibilidad |
|---|---|
| API de dispositivo WebXR (w3.org) | Edge 81 en el escritorio de Windows Edge 91 en Hololens 2 |
| Módulo de realidad aumentada de WebXR: nivel 1 (w3.org) | Edge 91. Solo Hololens 2 |
| Módulo de entrada manual de WebXR: nivel 1 (w3.org) | Borde 93. Solo Hololens 2 |
| Módulo WebXR Anchors (immersive-web.github.io) | Borde 93. Solo Hololens 2 |
| Módulo de prueba de posicionamiento de WebXR (immersive-web.github.io) | Borde 93. Solo Hololens 2 |
Visualización de WebXR
Puede ver las experiencias de WebXR en Windows Mixed Reality con los nuevos exploradores Microsoft Edge y Firefox Reality. Para probar si el explorador admite WebXR, puede ir a WebXR Samples (Ejemplos de WebXR ) en el explorador.
¿Qué puedo usar para desarrollar experiencias web envolventes?
En la lista siguiente se muestran los marcos y las API de JavaScript para crear experiencias envolventes que dominan actualmente el mercado y que son ampliamente aceptados y adoptados por los desarrolladores de JavaScript de realidad mixta:
| marco | Ejemplo |
|---|---|
| Babylon.js Babylon es un motor 3D de JavaScript que facilita el desarrollo de contenido 3D y aplicaciones envolventes. Antes de empezar a trabajar con aplicaciones envolventes, se recomienda conocer los conceptos básicos del desarrollo de Babylon.js. - Aprenda a compilar aplicaciones 3D con Babylon.js: Introducción - Juega con ejemplos 3D y su código fuente mediante Babylon.js: Área de juegos - Profundización en WebXR - Obtenga información sobre cómo empezar a trabajar con nuestros tutoriales: Creación de la primera aplicación "Hola mundo!" |
 |
| Escalera de tijera Un marco es un marco de JavaScript declarativo que puede usar para empezar a trabajar con Virtual Reality en la Web. Para más información, consulte la documentación de A-Frame. |
 |
| Three.js Three.js es una biblioteca 3D popular para crear experiencias envolventes. Obtenga más información sobre three.js y explore ejemplos. |
 |
| WebGL Puede acceder directamente a las API de dispositivo WebXR mediante las API de WebGL. WebGL (Biblioteca de gráficos web) es una API de JavaScript para representar gráficos 3D y 2D interactivos de alto rendimiento en cualquier explorador web compatible sin el uso de complementos. |
 |
Consulte también
- Especificación de API de dispositivo WebXR
- Documentación de api de dispositivo WebXR
- Ejemplos de WebXR
- Immersiveweb.dev
- Uso de Babylon.js para crear experiencias de WebXR
- WebGL API
- Api de Controlador para juegos y extensiones de Controlador para juegos
- Windows Mixed Reality y el nuevo Microsoft Edge
- Control del contexto perdido en WebGL
- Pointerlock
- glTF
- Grupo de comunidad web inmersiva
- GitHub web inmersivo W3C