VR（Virtual Reality）是利用电脑模拟产生一个三维空间的虚拟世界，提供用户关于视觉等感官的模拟，让用户感觉仿佛身历其境，可以及时、没有限制地观察三维空间内的事物。用户进行位置移动时，电脑可以立即进行复杂的运算，将精确的三维世界视频传回产生临场感。—— 维基百科

webVR草案：

WebVR 是早期和实验性的 JavaScript API，它提供了访问如 Oculus Rift 和 Google Cardboard 等 VR 设备功能的 API。

目前笔者接触过的方案,基本上近期内是离不开Three.js ,对于没有接触过它又想要体验一把webVR技术的（比如我）,无疑是有点难度的。
有需求的地方，一定会有满足该需求的解决方案。显然，MozVR 团队 在这方面做得不错，他们开发了A-Frame框架，案例和文档 也是比较完善的,通过这个开源的框架构建的VR场景能够兼容PC、Mobile、Oculus Rift和HTC Vive，这个框架能够使我们能够快速的通过简单的html标签以及属性和JavaScript，让迫不及待的我们能够迅速体验到这一酷炫的技术，很赞！

先睹为快，看下简单的 Hello World

1
2
3
4
5
6
7
8
9
<script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>

<a-scene>
  <a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E"></a-sphere>
  <a-box position="-1 0.5 -3" rotation="0 45 0" width="1" height="1" depth="1" color="#4CC3D9"></a-box>
  <a-cylinder position="1 0.75 -3" radius="0.5" height="1.5" color="#FFC65D"></a-cylinder>
  <a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="#7BC8A4"></a-plane>
  <a-sky color="#ECECEC"></a-sky>
</a-scene>

简单的js文件引入，标签的建立，就可以实现简单的案例。
当然，更多的 Demos 演示，还有他们的 Blog , 少不了Github Awesome A-Frame .

如果只是这样完事，那我就没必要搞这个文章了。昨晚到今天上午，萌萌呼呼的总结了点关于 VR体验环境 的搭建。下面步入本文的正题。

e神我最近常用的是mac，于是就啥也没想，一股脑子的就直奔主题，从Mozlia的a-frame文档，追到Oculus Rift(其实追到这里就应该有所察觉了，奈何英文渣，挨个来读介绍 QAQ)。是的，我已经下载了 FirefoxNightly ,不知道是哪里的原因，访问Mozlia出奇的慢，google翻的速度还行，70M的dmg愣是耗了一大会儿·(如果需要，联系我，文档下载两不误)。

一边看文档跟实例，当然这也在 W-A-S-D和上下左右键，空格键结合来体验那些demo，当时我在想着这些用 css 和 javascript ，即不依赖 Three.js 引入或者是 Aframe.js 就能实现。。你知道的，就去试着做demo，用来一部分css的动画属性。

没有对比就没有伤害，我果断抛弃了热乎乎刚写的代码，看文档跟体验去了–

我想说的一句是，当你对一个技术点特别感兴趣的时候，一定不要头脑发热，就好比遇到心仪的女孩子，不要猴急的表白许诺。好好看看文档，比如这一行：
Unfortunately, Mac and Linux are not supported with the Oculus Rift and cannot be used for viewing WebVR content.
当时我看到的时候，我已经被VR迷住了，对，就是傻劲，我计划的是把步骤走一遍，然后mac上装个windows系统(没错，Crazy…),要么就是用下 Docker … 当时就是这样想的。

第二天早早的到了公司，开始谷歌关于A-Frame的现状。Oculus Rift和HTC Vive Pre都相继公布了推荐PC配置，但引起大家好奇的一点就是这些配置都是针对Windows系统电脑的，难道就没有适合苹果Mac电脑的配置吗？Oculus创始人帕莫尔·勒基（Palmer Luckey）表示：苹果电脑的配置太烂了，没法支持VR头盔对PC性能的要求！ 帕莫尔·勒基解释说：“这主要是因为苹果并没有将高端GPU列为优先考虑的配置。你可以花6000美元买一台搭载顶级AMD Fire Pro D700处理器的Mac Pro，但它还是没有达到我们的推荐配置要求。如果他们像以前一样配置更高端的GPU，我们将很乐于为Mac提供支持。但是现在，还没有一台Mac电脑能够支持它，即便我们在软件方面为它提供支持，也没有能够运行大多数VR软件的Mac电脑。”

人家说的确实没错，苹果电脑采用的显卡性能都不是很理想，在MacBook系列中，也只有顶配的MacBookPro才有独立显卡。目前的VR产品对PC的图形处理有着苛刻的要求，最低显卡都是GTX 970级别的，所以苹果用户没法在第一时间体验到Oculus Rift和HTC Vive了。

消息是16年3月的。后来据说有个外置显卡的众筹项目，但是最后众筹失败。今年3月份，开发商Cindori推出一款名为VR Desktop for Mac的应用，使得MacOS也可以支持Oculus Rift，20刀，而且仅仅是只能支持 Oculus Rift。没办法，硬件限制，不能真正的支持 VR .

问题来了，我这低配的mac能跑起来吗？ 笑话。

果断的，我从书桌底层把布满灰尘的HP笔记本拿出来，这台哥们确实很单纯，重新装的win7，什么都没有。

于是梯子(现在没有梯子就看不到那些花花世界了)，Git(重要性不言而喻)，Nodejs(这个在这里目前不是必须的，习惯了)，还有win版本的FirefoxNightly，Chromium，我着重去了 Oculus 注册账号，看了下外设，顺便某东某猫上看了下价格。。。

额，重点在 这里 了, Getting Started part部分，正如你所看到的:

  1. Compatibility tool - Make sure your PC is Oculus ready.

  2. Rift Setup Tool - Download Rift’s setup tool to get started in virtual reality.

  3. Getting Started Guide - We’ll help you download the Oculus software, unbox your Rift, and personalize it.

  4. User Guide - Now that your Rift is all set up, you can download, purchase, and manage games and apps, both in Rift and on your computer’s desktop.

  5. Setup Videos - These videos show you how to setup your Rift.

上面的第一点是确保当前PC支持 Oculus Rift，第二点可以理解为VR外设驱动了。两个都是需要墙外去下载的。期间会需要你下载Micsoft的两个补丁(自行百度或者找我要),另外你需要邮箱来注册Oclus账号，因为后续结合设备来配置下参数的。

在VR配套设施具备后，有这么几个你可能想要体验的：
sketchfab vizor Slack
beloola chromeexperiments

最后，想多余一句，如果是 i5 2.7GHz 和6100 1536 MB的mac话，还是换台win机吧，很烫。

（本文完）