WebVR 是一个内置于浏览器中的 API,它将立体呈现与实时头部跟踪相结合,可让用户快速轻松地在线欣赏 VR 内容。借助 WebVR,内容创作者可以创作可在各种 VR 硬件上运行的沉浸式 VR 内容。
Bear 71 简介
《熊 71》是一部互动纪录片,由加拿大国家电影委员会 (NFB) 制作。Bear 71 最初是在 Flash 中构建的,于 2011 年发布,赢得了一致好评。该体验的核心是一个 23 分钟的音频和视频轨道,突出了人类、自然、技术和一只特定的棕熊之间的关系。观看者是一个窥探者,在这个信息世界中,信息以抽象的符号网格表示。令人惊讶的是,这并没有阻碍其中的情感故事,应该亲身体验以便理解。
挑战
最初的 Bear 71 是在 Flash 中开发的;可以说是当时最好的交互式故事讲述媒介。我们在开发技术时付出了很多的心血,这项技术被视为前沿技术。五年后,尽管最初的愿景得到了印证,故事仍然相关,但其背后的技术需要更新。任何技术只要有创意地使用,就能帮助故事顺利展开,但虚拟现实需要特别关注。VR 过去数次兴起,但终于成为主流。这是讲述故事的绝佳机会。 先前出现在您面前的故事现在也能在 VR 中呈现在您身边。
Bear 71 推出时,Adobe Flash 正处于黄金时代。Flash 的市场份额每年都会减少,随着这种趋势,原本可以访问的作品变得更加困难,也更加难以查看。但随着 Flash 的减少,HTML 5 也日渐成熟。此外,将 VR 作为真实的故事讲述平台受到了前所未有的重视。
对于我们的眼睛和耳朵而言,VR 身临其境地感受真实的沉浸式体验,但在这方面存在一些障碍。乍一看,各式各样的耳机应该能满足许多需求和预算,而分发中涉及的应用商店类型则是更多选择。但众所周知,用户更愿意在浏览器中进行尽可能多的操作。用户希望尽可能少地下载并安装应用。无论是对用户还是内容创作者,HTML5 的吸引力都在于只需一个网址就能获得丰富的体验。这正是 WebVR 的用武之地。
WebVR 可让您通过多种软件和硬件在浏览器中打造令人沉浸且舒适的 VR 内容。
NFB 发现了这个机会,并考虑为 Bear 71 带来全新的 HTML5 和 WebVR 视频体验。这个机会肯定不会存在许多 VR 项目都存在的新挑战:我们如何在包括手机在内的各种平台上,以较高的帧速率呈现立体视觉方面的精美效果?
解决方案
在 2016 年底开始开发之际,WebVR 尚未推出。WebVR API 发展迅速,WebVR 标准目前正在草拟。但这并不能阻止社区使用合适的权宜之计:WebVR polyfill。它通过陀螺仪和 WebGL 提供了实用的头部跟踪和立体渲染效果。有了 Google Cardboard 之后,我们就可以开始构建和测试内容了。当 Google Pixel 和 Daydream View 推出,以及 Chrome 中 WebVR 的首批真实 build 时,我们的内容已经准备好充分利用它们。为了快速开发,在 WebVR 不可用的情况下,我们仍然包含和使用 polyfill。例如,我们在 Chrome 55 的移动设备模拟器上进行大部分开发和调试。此外,在现成可用的设备上进行开发和调试也很常见,包括但不限于 HTC One M9、iPhone 5S、Samsung Galaxy,当然还有 Pixel by Google。Polyfill 的多功能性是不可小视的。
尽管 polyfill 具有实用性,但一些基本的 WebVR 功能根本无法模拟。值得注意的是,VR 面临的最大障碍之一是晕动病。晕动病与头部跟踪的帧速率、速度和准确性等众多因素息息相关。WebVR 具有一些基本功能,例如重新投影和高速方向传感器。也就是说,保持高帧速率仍然是内容创作者的责任。由于 WebVR 要求每帧渲染两次场景(每只眼睛一次),因此优化尤为重要。如何正确优化 WebGL 内容不在本文讨论范围之内,但以下几点要点如下:
- 减少绘制调用。要做到这一点,一种很好的方式是合并共用同一材质的元素。
- 确保着色器简单易用。标准材质和着色器可以很好地优化未使用的功能,但有时手动编写经过粗暴优化的着色器是最好的方法。
- 保持拉近距离,并有效利用雾气。
- 首选基于纹理的文本,相较于文本几何图形,读数和渲染速度较快。
- 确保您的艺术风格易于呈现。看起来像 Super Mario 64 的帧速率为 60fps 比 Mario Galaxy 的帧速率为 6 fps。
- 将用户视为孤立主义:想方设法仅模拟玩家周围的世界。
- 寻找机会缓存类型化数组中开销非常大的计算结果。内存通常比处理能力便宜。
此列表并不详尽,但其中涵盖了我们过去用于在大多数设备上以良好的帧速率运行的大部分优化功能。
一个由 8 位快乐贡献者组成的小团队大约用了 12 周时间完成内容的创作、改编和优化。这项努力既激烈,也无痛。 Bear 71 VR 已在两场电影节上亮相,并且获得了积极的反馈。如果您在音乐节上找不到 WebVR,可以通过浏览器享受 WebVR 带来的体验。如果您正在考虑创建新的广告素材项目,请记住:网络是一个分发富媒体内容的平台,我们不能将其视为理所当然的对待。VR 旨在将我们带入 探索新事物的世界WebVR 可将两者的优点结合在一起。