Desarrollo de WebXR con JavaScript
Importante
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.
WebXR sigue estando disponible. Sin embargo, la compatibilidad con WebXR no se interrumpe (no hay correcciones de errores, actualizaciones de contenido ni soporte técnico) y, por tanto, no podemos hacer ninguna garantía de que las aplicaciones seguirán funcionando durante cualquier período de tiempo prolongado.
JavaScript es uno de los lenguajes de programación más populares del mundo. Es sencillo, ligero y ampliamente utilizado en la Web. Cree experiencias de Realidad mixta más atractivas aplicando la eficacia de sus aptitudes de JavaScript y Web.
Aplicaciones de realidad mixta en la web
Las características de Mixed Reality 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 instalar más software o complementos. Puede usar ese mismo explorador con un dispositivo físico, como 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 versiones posteriores admiten WebXR como valor predeterminado. Puede comprobar el estado de compatibilidad del explorador más reciente para WebXR en caniuse.com.
| 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) | Borde 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 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 inmersivas, se recomienda aprender 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: Parque infantil - Profundizar en WebXR - Aprenda a empezar a trabajar con nuestros tutoriales: Creación de la primera aplicación "Hola mundo!" |
 |
| Escalera de tijera A-frame 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 a las API de dispositivo WebXR directamente 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 dentro de 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 del controlador para juegos y extensiones del controlador para juegos
- Windows Mixed Reality y el nuevo Microsoft Edge
- Control del contexto perdido en WebGL
- Pointerlock
- glTF
- Grupo de comunidad web inmersivo
- GitHub web inmersivo W3C