WebVR简介

转载请标明出处：http://blog.csdn.net/yunchao_he/article/details/61195801

所谓WebVR，就是VR on Web。它把虚拟现实这项酷炫的技术带到Web领域来，用JavaScrpit来写虚拟现实相关的应用，从而在浏览器或者Web runtime上跨平台运行。所以，谈到WebVR，必然离不开native VR，也就是大家耳熟能详的虚拟现实(Virtual Reality, 简称VR)技术。那么，笔者首先简单介绍一下native VR。熟悉native VR的读者可略过这部分。

1. 常见的产品

首先简单罗列一下native VR的一些热门产品或平台（其实部分产品可能是AR - Argumented Reality增强现实, 或者MR - Mixed Reality混合现实），它们是：

Occulus VR （Facebook）,

Samsung Gear VR,

Google Daydream,

HTC Vive,

Google Cardboard,

Microsoft HoloLens

Sony PlayStation VR

 

2. 分类

这些产品或者平台，往往被分为几类:

Tethered: 比如Facebook Occulus VR, HTC Vive VR, Sony PlayStation VR等。Tethered，也就是wired, 即计算设备和头戴的显式设备(HMD - Head Mounted Device)分开，但需要用线把两者连接起来，从而将计算结果输出到显示设备上。这样的好处是主机的计算能力可以很强，比如主机可以配备高端游戏显卡，从而有很好的沉浸式虚拟现实体验。 只要有家用台式机或者笔记本电脑，就无需再单独花钱购买VR主机。缺点则是头戴的显示设备和主机需要用线相连，极大地限制了玩家的活动范围，缺乏灵活性。

All-in-one: 比如Microsoft Hololens, Intel Alloy等。就是计算设备和显式设备一体，都集成在头戴的显示设备上。它的优缺点正好和Tethered相反。比如价格昂贵，但比较灵活，便于移动、携带。

Mobile: 比如Google Daydream, Samsung Gear VR, Google Cardboard。Mobile VR使用普通手机作为计算设备（当然，手机需要支持相应的VR技术），外加头戴设备来现实VR效果，两者分开。这方面类似于Tethered VR。但手机体积小重量轻，可方便携带，所以可以把手机穿戴到头戴的显示设备里，从而有较好的灵活性。它在优缺点方面，相对来讲是个折中方案。不算手机的话价格不贵，且较为灵活。不过受限于手机的性能，Mobile VR可能在画质，延迟等方面表现稍微逊色一些。

当然，相对于Tethered VR，业界也通常把All-in-one VR和Mobile VR统称为Untethered VR, 也就是Wireless VR (很少有这种说法，但这里仅仅是方便中国人理解，毕竟Wired, Wireless这些单词更熟悉)。另外，相对于Mobile VR，业界也通常把Tethered VR和All-in-one VR统称为Mainstream VR。

3. 软件开发包，开发框架

关于native VR, 这里也简单介绍一下SDK, 这是开发人员比较关心的。这里仅仅简单罗列一下业界常见的SDK，具体如何使用，请自行搜索:

OpenVR,

OSVR,

HoloLens SDK,

Occulus Rift SDK

4. Teams/Components in VR

最后简单聊一下整个VR产品从底层到上层的构架，或者团队。目前VR市场的生态系统还没有完整地建立好，没有细致而专业的分工。所以推出一款VR产品，往往需要构建从硬件到应用的整个软硬件栈：

HW team，负责设计硬件的团队，包括计算设备，头戴的显示设备，各种传感器来跟踪眼球或手势，以及游戏手柄，等等。

Driver team and OS kernel team，向下和HW team合作，向上提供API

SDK team，定义和实现VR相关的SDK, 比如如何跟踪人的位置，如何定义手势，如何定义眼球或视线的改变，如何跟手柄交互。

Application team ，基于SDK, 以及IDE，也可能还会用到Game engine，来编写VR程序、应用或游戏。当然，和常规程序开发类似，这个过程中也会用到程序开发的各种软件、库和工具。

下面来谈谈主题，WebVR。VR是一项新技术，WebVR就更是如此了。既然是VR on Web，首先需要在浏览器里支持。所以先看看浏览器的支持情况。

1. WebVR在浏览器里的支持情况

Firefox and Chromium: 可在Windows上支持HTC Vive和Occulus

Samsung Internet on Android / Occulus Carmel: 可在Android上支持Samsung GearVR

Chrome for Android: 可在Android上支持Google Daydream and Google Cardboard

Edge: 可在Windows上支持Microsoft HoloLens

这里似乎少了一个巨头。众所周知，无论是从操作系统或者系统生态的角度，还是从浏览器的角度，Apple都是重量级玩家。他家在desktop上有Mac，在Mobile上有iOS，在浏览器领域有Safari。但目前Mac/iOS/Safari，都看不到苹果公司对WebVR的支持。当然，苹果公司本身的作风也比较隐秘，然后突然宣布自己蓄谋已久的产品。哈哈... 

2. 开发自己的Web runtime或者浏览器

如果你想基于现有的工具或者开源软件，开发自己的Web runtime或浏览器来支持WebVR，而不受制于现有的浏览器支持。甚至用PhoneGap之类的工具打包成Web APP，可以有这些选择。

VR Shell in Chromium (目前仅仅适用于 Android)

CEF (Facebook公司的Occulus Carmel 浏览器也是基于 CEF 3)

3. 支持WebVR的framework或Tool 

开发WebVR程序不是一件简单的事情，如果从WebGL等底层代码写起，费时费力。所以好的framework或者tool有事半功倍的效果，无论是做个简单的demo还是真正的产品。 支持WebVR的比较出名的framework或者tool有：

aframe, 官方网站https://aframe.io/ 

three.js, 

React VR,

Vizor,

PlayCanvas for VR,

WebVR emulator, 

4. WebVR API / Specification

跨平台是Web的天然属性。所以在WebVR Specification里定义统一好用的API，对于WebVR非常重要。当然，WebVR目前还不成熟，开发者也可以关注最新的specification的发展情况。对于在国内外软硬件巨头工作的工程师或管理人员，还可以参与到spec的定制。通过在WebVR标准组织里积极推广有利于本公司的feature/API，为自己的公司谋福利，也推动整个WebVR技术的发展。目前和WebVR相关的specification有：

WebVR in W3C, 这个不用多讲，最基本的。

WebGL in Khronos, 因为WebVR是基于WebGL来绘制3D场景，所以对WebGL的了解也很重要。

OpenXR in Khronos, 这是native VR的标准组织，涵盖VR, AR, MR。

Gamepad extension in W3C, 游戏手柄相关的API。

Holographics, 微软看起来并没有积极参与W3C和Khronos社区，他家独树一帜，有自己的VR标准。

和标准相关的其它工作，则是致力于上文提到的framework/tool，甚至是开发新的好用的framework/tool，来推动WebVR的发展。另外也很重要的是，在Unity, Unreal, Cocos等游戏引擎或集成开发环境里添加最新的WebVR/VR的支持，从而推动WebVR/VR的应用和发展。

这是关于VR/WebVR的简单介绍，如果想亲自实践WebVR的效果或者开发demo，可以参考本文的<支持WebVR的framework或Tool>这一节里的framework/tool。笔者特别 推荐aframe，用它写个简单的demo非常方便。aframe的官方网站也有一些demo: https://aframe.io/。

笔者会撰文介绍VR/WebVR的技术难点，热点。敬请期待。