WebXR Viewer
El navegador de realidad aumentada de Mozilla: experiencias AR escritas con tecnologías web, sobre ARKit
El WebXR Viewer abre una página web como haría cualquier navegador, y a partir de ahí deja que esa página coloque objetos tridimensionales en la habitación.
Nuestro contrato de contractor con Mozilla cubría la parte de iOS: hacer evolucionar la app que Mozilla ya había publicado, desde el puente que permite a JavaScript, corriendo dentro de una página, manejar ARKit, hasta ARKit 1.5, los permisos y el iPhone X.
- Nuestro papel
- Contractor iOS · evolución de la app existente
- Periodo de trabajo
- 2017–2018
- Plataformas
- iPhone, iPad
¿Buscas algo parecido?
Cuéntanos tu proyecto
WebXR Viewer
Hacer realidad aumentada en iOS significaba escribir una app nativa. Mozilla quería que significara escribir una página web, así que publicó un navegador donde a una experiencia de AR le basta una URL para llegar a un móvil.
Publicado en 2017, fue la manera que encontró Mozilla de poner un borrador de la especificación WebXR delante de los desarrolladores que tendrían que convivir con ella, y de recoger sus comentarios mientras el estándar aún admitía cambios.
¿Qué ofrece el WebXR Viewer?
- Ante todo un navegador: escribe una URL y la página que carga puede dibujarse en realidad aumentada
- ARKit por debajo, siguiendo la habitación para que los objetos se queden donde la página los pone
- Hit testing y anclajes, para que una página web deje caer un objeto sobre una superficie real
- Pensado para desarrolladores: un experimento para probar AR web en iOS, nunca un producto de consumo con soporte
- Compatible a la vez con la API oficial de WebXR y con la propuesta anterior de Mozilla
- Universal en iOS: la misma app funciona en iPhone y en iPad
Cómo trabajamos
Mozilla estaba escribiendo una especificación y necesitaba algo real contra lo que contrastarla. Un navegador capaz de ejecutar WebXR de verdad en un iPhone era la vía más rápida para saber qué partes del borrador sobrevivían al contacto con un dispositivo.
Nos incorporamos con la app ya publicada, como contractors de su parte de iOS, y la hicimos evolucionar desde ahí: el puente que lleva las llamadas desde JavaScript hasta ARKit y devuelve hacia arriba los fotogramas de cámara y los datos de seguimiento, el paso a ARKit 1.5, el flujo de permisos y el soporte del iPhone X.
Los problemas interesantes vivían justo en esa frontera. Una página web espera preguntar por el mundo y recibir una respuesta; ARKit espera que lo lleven fotograma a fotograma, a su propio ritmo.
El historial de contribuidores del repositorio recoge el trabajo técnico de Roberto Garrido en el proyecto.
Look & Feel
Apenas hay interfaz de la que hablar, y ahí está la gracia. Una barra de direcciones, un puñado de controles, y a partir de ahí la imagen de la cámara ocupa toda la pantalla para que la página web tenga dónde poner sus objetos.
Todo lo que el visitante ve en esta página a partir de ese punto lo dibuja una página web, no la app: la tetera, los cubos anclados, los rótulos que hay debajo. El trabajo de la app es quitarse de en medio y mantener el seguimiento honesto.
Mozilla lo publicó como un experimento dirigido a desarrolladores, no como un producto de consumo con soporte, y el diseño va en esa línea: nada aquí pretende estar más terminado de lo que está.
Contáctanos
¿Hablamos de tu proyecto? Escríbenos a hello@irakai.com
Respondemos en un máximo de dos días laborables.