Bear 71 y WebVR

Captura de pantalla de Bear 71

Ver el documental

WebVR es una API integrada en los navegadores que combina la renderización estéreo con el seguimiento de cabeza en tiempo real, lo que permite disfrutar de contenido de RV en línea de forma rápida y sencilla. Con WebVR, los creadores de contenido pueden crear contenido de RV envolvente que se aloja en línea y se ejecuta en una amplia variedad de hardware de RV.

Acerca de Bear 71

Bear 71 es un documental interactivo producido por la National Film Board (NFB) de Canadá. Bear 71, creado originalmente en Flash, se lanzó en 2011 con gran reconocimiento. La base de la experiencia es una pista de audio y video de 23 minutos de duración que destaca la relación entre los seres humanos, la naturaleza, la tecnología y un oso pardo en particular. El espectador es un voyerista en un mundo de información representado como una cuadrícula abstracta de símbolos. Sorprendentemente, esto no obstaculiza la historia emocional que hay en su interior y debe experimentarse de primera mano para que se entienda.

Desafío

El Bear 71 original se desarrolló en Flash; sin duda, el mejor medio de narración interactiva de la época. La tecnología se esforzó mucho por ella y se consideró de vanguardia. Cinco años después, se mantiene la visión original y la historia sigue siendo relevante, pero la tecnología detrás de ella necesita una actualización. Cualquier tecnología, que se use de forma creativa, puede contribuir a una buena historia, pero la realidad virtual merece una atención especial. La RV ya llegó y pasó varias veces, pero se ha hecho popular. Es una gran oportunidad para la narración. Las historias que solían suceder frente a ti ahora pueden ocurrir a tu alrededor en RV.

Cuando se creó Bear 71, Adobe Flash estaba en sus años dorados. Cada año que pasa, la participación de mercado de Flash se reduce y, por consiguiente, los trabajos previamente accesibles son cada vez más difíciles de ver. Pero con la disminución de Flash ha llegado la maduración de HTML 5. Además, la RV se toma más que nunca como una plataforma real para la narración.

Para nuestros ojos y oídos, la RV es naturalmente envolvente, pero la RV presenta varias barreras. A primera vista, la variedad de auriculares debería satisfacer muchas necesidades y presupuestos, y la variedad de tiendas de aplicaciones involucradas en la distribución es más opciones. Sin embargo, se sabe que los usuarios prefieren hacer todo lo posible en un navegador. Los usuarios prefieren descargar e instalar lo menos posible. Tanto para los usuarios como para los creadores de contenido, el atractivo de HTML5 es que las experiencias enriquecidas están a solo una URL de distancia. Aquí es donde entra en juego WebVR.

WebVR permite disfrutar de contenido de RV envolvente y cómodo en tu navegador a través de una variedad de software y hardware.

La NFB reconoció esta oportunidad y consideró darle a Bear 71 una nueva vida en HTML5 y WebVR. Esta oportunidad no obtendría sin un nuevo desafío común en muchos proyectos de RV: ¿Cómo logramos cosas hermosas, a buenas velocidades de fotogramas, con visión estéreo, en varias plataformas, incluidos los teléfonos móviles?

Solución

Cuando comenzó el desarrollo, a finales de 2016, WebVR todavía no estaba disponible. La API de WebVR evoluciona rápidamente y se está creando el estándar de WebVR. Sin embargo, eso no impidió que la comunidad agregara parches a una solución provisional adecuada: el polyfill de WebVR. Proporcionaba seguimiento de cabeza utilizable y renderización estereoscópica mediante el giroscopio y WebGL. Este polyfill, junto con Google Cardboard, nos permitió comenzar a crear y probar contenido. Cuando Google Pixel y Daydream View están disponibles, junto con las primeras compilaciones reales de WebVR en Chrome, nuestro contenido estaba listo para aprovecharlo. Para un desarrollo rápido, incluimos y usamos el polyfill en los casos en que WebVR aún no esté disponible. Por ejemplo, realizamos gran parte del desarrollo y la depuración en el emulador para dispositivos móviles de Chrome 55. Además, era común desarrollar y depurar lo que estaba disponible, incluidos, sin limitaciones, el HTC One M9, el iPhone 5S, el Samsung Galaxy y, por supuesto, el Pixel de Google. No se puede subestimar la versatilidad del polyfill.

A pesar de la utilidad del polyfill, algunas funciones esenciales de WebVR simplemente no se pueden emular. Vale la pena señalar que uno de los obstáculos más grandes a los que se enfrenta la RV es el mareo por movimiento. Los mareos están vinculados, entre muchos factores, la velocidad de fotogramas y la velocidad y precisión del seguimiento de cabeza. WebVR tiene algunas funciones esenciales, como la reproyección y los sensores de orientación de alta velocidad. Dicho esto, mantener una velocidad de fotogramas alta sigue siendo responsabilidad de los creadores de contenido. Dado que WebVR requiere renderizar la escena dos veces (una vez para cada ojo) por fotograma, la optimización es doblemente importante. La optimización adecuada del contenido de WebGL no se incluye en este artículo, pero estos son algunos puntos clave:

  • Reduce la cantidad de llamadas de dibujo. Una buena manera de hacerlo es combinar elementos que compartan un material.
  • Usa sombreadores simples. Los materiales y sombreadores estándar permiten optimizar de manera excelente funciones que no se usan; sin embargo, a veces, la mejor manera es escribir sombreadores extremadamente optimizados a mano.
  • Mantén cerca la distancia de dibujo y usa la niebla con eficacia.
  • Prefiere el texto basado en texturas, que lee mejor y se renderiza más rápido que la geometría de texto.
  • Asegúrate de que la renderización de tu estilo artístico sea económica. Se parece mejor a Super Mario 64 a 60 FPS que a Mario Galaxy a 6 FPS.
  • Trata al usuario como un solipsista: encuentra maneras de simular solo el mundo que rodea al jugador.
  • Busca oportunidades para almacenar en caché los resultados de cálculos costosos en arreglos escritos. La memoria suele ser más económica que la potencia de procesamiento.

Esta lista no es exhaustiva, pero abarca la mayoría de las optimizaciones que usamos para ejecutar a velocidades de fotogramas adecuadas en la mayoría de los dispositivos.

La creación, reutilización y optimización del contenido duró aproximadamente 12 semanas para un pequeño equipo de 8 contribuidores alegres. El esfuerzo fue intenso e indoloro. Bear 71 VR ya hizo apariciones limitadas en 2 festivales de cine, con comentarios positivos. Si no lo encuentras en el circuito de festivales, WebVR puede brindarte la experiencia en la comodidad de tu navegador. Si estás considerando un proyecto creativo nuevo, recuerda que la Web es una plataforma de publicación de contenido enriquecido que no deberíamos dar por sentado. La RV llegó para transportarnos a nuevos mundos de nuestro invento. Y WebVR llegó para combinar lo mejor de ambos.