在通过 WebVR 构建内容时,所有人都可以通过 Chrome 和 Daydream View 探索 VR 体验。阿西施·阿格拉瓦尔(Ashish Agrawal)是 Matterpot 新行动和虚拟现实部门的负责人。在本文中,他将解释为什么 WebVR 对 Matterport 来说是一项优秀的工具,以及他们团队是如何把 WebVR 支持添加至他们的平台中。

Matterport 体验结合了 360 度全景图像和独特的娃娃屋视觉(3D 数据),用户拥有对空间的完整视觉。

单张 360 度图片适合快速预览一个场所,但借助 Matterport Space,你会感觉自己仿佛就像是身临其境。我们的虚拟体验结合了许多 360 度全景图像和 3D 数据,创建出一种身临其境的交互式体验。

通过结合我们的 3D 相机硬件和定制的云端视觉处理,我们开发了一个可以创建真实场景的虚拟环境的平台。成千上万的人已经通过我们的技术来把 45 万多个现实场所转变成 3D 体验:名人住宅、博物馆、峡谷和标志性建筑等等。

虽然你可以通过桌面端或移动端网络浏览器访问 Matterport,但在虚拟现实中探索体验需要一个额外的步骤。在之前,你需要从 App Store、Oculus Store 或 Google Play 中下载 Matterport VR。现在得益于 Matterport 已经集成了 WebVR,用户已经无需下载外部应用,只需通过 Chrome 浏览器访问即可。你可以前往内嵌 Matterport Space 的移动端网站,点击 VR 按钮,把手机插入 Daydream View 头显中,然后你就能开始尽情地探索 VR 世界。

Matterport 是第一批与谷歌合作把 VR 带到 Chrome 中的企业之一。虽然当时仍处于 beta 阶段,但我们已经开始通过 WebVR API 把服务集成至我们的产品中。我们这样做的原因是我们相信 WebVR 是未来的平台,而我们希望在其开始时可以准备好自己。

WebVR 中的“夏威夷海边别墅”。白色线条是控制器发出的射线描迹,蓝色圈圈是供用户传送的地点。

下面让我们看看 Matterport 是如何实施 WebVR 的吧。因为我们基于 WebGL 的播放器支持桌面和移动平台,你已经可以通过一个浏览器探索 Matterport Spaces。我们希望通过添加的 WebVR 支持确保维持这种最佳表现。然而,完整的优化(包括我们在过去几年中添加到我们基于 WebGL 的播放器的所有功能)都需要时间。为了保持简单,我们通过 WebVR Boilerplate 开发了一个播放器版本,只保留最基本的加载和渲染代码,而且我们对一切进行了优化,以确保性能表现。

下面是部分我们为优化性能而做的事情:

为缩短加载时间,在用户调用播放器之后我们立刻预加载 WebVR 版本,而不是在手部控制器校准之后。

对于初始版本,我们移除了正常桌面/移动版本的所有功能。

我们只渲染必须的事情。

我们在真正的目标设备上配置文件,而不是开发者的计算机上。

要了解更多,请阅读我们详细的案例研究。

当你进入 WebVR 后,我们切换成基于 WebVR 的精简版播放器。当你退出时,我们便切换回基于 WebGL 的正常版本播放器。你甚至不会注意到有什么不同。

虚拟现实不仅只局限于游戏,Matterport 将致力于让创作、发现和分享优秀 VR 内容变得简单。WebVR 可以让我们的用户更容易进行探索,进而帮助我们实现这些目标。作为例子,你可以访问“夏威夷海边别墅”。只需点击角落的 VR 按钮即可。