Urso 71 e WebVR

captura de tela do Bear 71

Confira o documentário

A WebVR é uma API integrada a navegadores que combina renderização estéreo com rastreamento da cabeça em tempo real, possibilitando uma maneira rápida e fácil de aproveitar o conteúdo de RV on-line. Com a WebVR, os criadores de conteúdo podem criar conteúdos de RV imersivos que ficam on-line e são executados em uma grande variedade de hardwares de RV.

Sobre a Bear 71

Bear 71 é um documentário interativo produzido pelo National Film Board (NFB) do Canadá. Originalmente construído em Flash, o Bear 71 foi lançado em 2011 e foi aclamado pela crítica. A base da experiência é uma faixa de áudio e vídeo de 23 minutos que destaca a relação entre os humanos, a natureza, a tecnologia e um urso-pardo específico. O visualizador é um voyeur em um mundo de informações representado como uma grade abstrata de símbolos. Surpreendentemente, isso não impede a história emocional e precisa ser vivenciada em primeira mão para ser compreendida.

Desafio

O Bear 71 original foi desenvolvido em Flash, possivelmente o melhor meio de narrativa interativa da época. A tecnologia era muito cuidadosa, e era considerada moderna. Cinco anos depois, a visão original se mantém e a história ainda é relevante, mas a tecnologia por trás dela precisa de uma atualização. Qualquer tecnologia usada de maneira criativa pode auxiliar em uma boa história, mas a realidade virtual merece atenção especial. A RV já apareceu várias vezes antes, mas finalmente saiu da maioria dos casos. Essa é uma grande oportunidade para contar histórias. Histórias que antes aconteciam antes de você agora podem acontecer ao seu redor em RV.

Quando o Bear 71 foi criado, o Adobe Flash estava em sua época de ouro. A cada ano, a participação de mercado do Flash diminui e, com isso, os trabalhos anteriormente acessíveis se tornam mais difíceis e difíceis de visualizar. Mas, com a queda do Flash, veio o amadurecimento do HTML 5. Além disso, a RV está sendo levada mais a sério do que nunca como uma plataforma real de narrativa.

Para nossos olhos e ouvidos, a RV é naturalmente imersiva, mas tem vários obstáculos. À primeira vista, a variedade de fones de ouvido precisa atender a muitas necessidades e orçamentos, e a variedade de app stores envolvidas na distribuição oferece mais opções. No entanto, os usuários preferem fazer o máximo possível em um navegador. Os usuários preferem fazer o download e instalar o mínimo possível. Para usuários e criadores de conteúdo, o apelo do HTML5 é o fato de que experiências avançadas estão a apenas um URL de distância. É aí que entra a WebVR.

A WebVR permite conteúdo de RV imersivo e confortável no seu navegador, em uma variedade de softwares e hardwares.

O NFB reconheceu essa oportunidade e considerou dar uma nova vida ao Bear 71 com HTML5 e WebVR. Essa oportunidade não existe sem um novo desafio comum a vários projetos de RV: como alcançar resultados incríveis com boas taxas de frames e visão estéreo em várias plataformas, incluindo smartphones?

Solução

Durante o início do desenvolvimento, no final de 2016, a WebVR ainda não estava prontamente disponível. A API WebVR está evoluindo rapidamente, e o padrão da WebVR está sendo elaborado atualmente. Mas isso não impediu a comunidade de corrigir uma solução temporária adequada: o polyfill da WebVR. Ele fornecia o acompanhamento da cabeça e renderização estéreo pelo giroscópio e WebGL. Esse polyfill, junto com o Google Cardboard, nos permitiu começar a criar e testar conteúdo. Quando o Google Pixel e o Daydream View foram disponibilizados, junto com as primeiras versões reais da WebVR no Chrome, nosso conteúdo estava pronto para aproveitá-lo. Para um desenvolvimento rápido, ainda incluímos e usamos o polyfill quando a WebVR ainda não estiver disponível. Por exemplo, fazemos grande parte do nosso desenvolvimento e depuração no emulador de dispositivo móvel do Chrome 55. Além disso, era comum desenvolver e depurar o que estava disponível imediatamente, incluindo, entre outros, HTC One M9, iPhone 5S, Samsung Galaxy e, claro, Pixel by Google. A versatilidade do polyfill não pode ser subestimada.

Apesar do utilitário do polyfill, alguns recursos essenciais da WebVR simplesmente não podem ser emulados. Vale ressaltar que um dos maiores obstáculos que a RV enfrenta é o enjoo. O enjoo de movimento está vinculado, entre muitos fatores, ao frame rates e à velocidade e precisão do rastreamento da cabeça. A WebVR tem alguns recursos essenciais, como reprojeção e sensores de orientação de alta velocidade. Dito isso, manter taxas de quadros altas ainda é responsabilidade dos criadores de conteúdo. Como a WebVR requer a renderização da cena duas vezes (uma para cada olho) por frame, a otimização é duplamente importante. A otimização adequada do conteúdo WebGL está fora do escopo deste artigo, mas há alguns pontos importantes:

  • Reduza suas chamadas de desenho. Uma ótima maneira de fazer isso é mesclar elementos que compartilham um material.
  • Deixe seus sombreadores simples. Materiais e sombreadores padrão fazem um ótimo trabalho para otimizar recursos não utilizados. No entanto, às vezes, a melhor maneira é programar sombreadores brutamente otimizados manualmente.
  • Mantenha a distância do traçado próximo e use a neblina de forma eficaz.
  • Prefira textos baseados em textura, que são melhores para ler e renderizar mais rapidamente que a geometria do texto.
  • Certifique-se de que seu estilo de arte é econômico para renderizar. É melhor parecer o Super Mario 64 a 60 QPS do que o Mario Galaxy a 6 QPS.
  • Trate o usuário como solipsista: encontre maneiras de simular apenas o mundo ao redor do jogador.
  • Procure oportunidades para armazenar em cache os resultados de cálculos caros em matrizes tipadas. Geralmente, a memória é mais barata que a capacidade de processamento.

Esta não é uma lista completa, mas aborda a maioria das otimizações que usamos para executar em boas taxas de frames na maioria dos dispositivos.

A criação, o reaproveitamento e a otimização do conteúdo durou cerca de 12 semanas para uma pequena equipe de 8 colaboradores alegres. O esforço foi intenso e fácil. O Bear 71 VR já teve participações limitadas em dois festivais de cinema e recebeu um feedback positivo. Para quem não encontra no circuito do festival, a WebVR pode trazer a experiência para você no conforto do seu navegador. Se você estiver pensando em um novo projeto de criativo, lembre-se: a Web é uma plataforma de entrega de conteúdo avançado que não devemos considerar natural. A RV chegou para nos transportar para novos mundos da nossa invenção. E a WebVR está aqui para combinar o melhor dos dois.