# 让你的网页与 VR 融合，只需一行代码

- 作者：梁梦麟
- 发布时间：2015-12-21 00:50
- 分类：新创
- 原文：https://www.ifanr.com/599355

[![tonystark_4](https://s3.ifanr.com/wp-content/uploads/2015/12/tonystark_4.jpg)](https://s3.ifanr.com/wp-content/uploads/2015/12/tonystark_4.jpg)

VR 技术的出现带来的主要是信息、图像等展示方式的改变。例如，以前玩游戏时，你只是在枯燥的屏幕上猎杀怪兽，现在通过 VR 眼睛你也能体验到身临其境的参与感。

现在，有团队将 VR 技术搬到网页浏览上。

近日，Mozilla 旗下的 VR 研究团队 MozVR 推出了一款 VR 网页制作的开源框架 A-Frame。这套框架能够降低 VR 网页的制作难度，让更多的人投入到 VR 网页的开发当中，加快这项技术的普及。

### 简单、易用是最大生产力

根据 [Engadget 的报道](http://www.engadget.com/2015/12/17/mozilla-makes-it-easy-to-create-vr-websites-with-a-frame/)，这款 A-Frame 框架比传统的 VR 网页制作要简单不少。

开发者无需花时间学习复杂的 3D 绘图标准 Web GL，只需要增加 A-Frame 框架用的代码，再结合熟悉的 HTML 代码，就能完成 VR 网页的基本组件。

[![4d675a60dade5a9.png_600x600](https://s3.ifanr.com/wp-content/uploads/2015/12/4d675a60dade5a9.png_600x600.jpg)](https://s3.ifanr.com/wp-content/uploads/2015/12/4d675a60dade5a9.png_600x600.jpg)

而 MozVR 团队希望通过这款框架，降低制作门槛，让更多的开发者投入到 VR 网页的制作当中。

团队的高管 Joshua Carpenter 在接受 [Roadtovr 访问时表示](http://www.roadtovr.com/mozilla-a-frame-webvr-virtual-reality-website-web-development/)：

> “大多数网页开发者会因为复杂的 WebGL 而无法开展 VR 网页的开发工作。但现在只要使用 A-Frame，一切就会变得很简单。只要在他们原本的代码上加上一行就可以进行 VR 网页的开发了。而化简后，将会有更多的人加入到 VR 网页的开发中，形成一个新的局面，这才是我们想要的结果。”

### 多方兼容是另一大特点

MozVR 这套技术是在 WebGL 协议下运行的。WebGL 其中那个一个重要的特点是它利用底层的图形硬件加速功能进行的图形渲染，是通过统一的、标准的、跨平台的 OpenGL 接口实现的。这意味着，A-Frame 制作的 VR 网页能够兼容多个平台，包括手机、电脑等常见的设备。

[![Screen+Shot+2015-12-17+at+12.28.45+PM](https://s3.ifanr.com/wp-content/uploads/2015/12/Screen-Shot-2015-12-17-at-12.28.45-PM.jpg)](https://s3.ifanr.com/wp-content/uploads/2015/12/Screen-Shot-2015-12-17-at-12.28.45-PM.jpg)

针对这一点，[MozVR 团队表示](http://www.engadget.com/2015/12/17/mozilla-makes-it-easy-to-create-vr-websites-with-a-frame/)：

> “A-Frame 目前已经支持了 Oculus Rift DK2 和 Google Carboard 类的 VR 设备，我们也会不断提升这套框架的兼容性。之后，它将能够支持各种不同的设备，例如 HTC Vive 等。”

### 开源，只为了让这份“酷炫”快速普及

Joshua Carpenter 在[访问中补充道](http://www.roadtovr.com/mozilla-a-frame-webvr-virtual-reality-website-web-development/)：

> “如果我们关心并且认为 web 技术是非常酷炫，我们不应该等待 VR 行业成熟之后再研究 VR 网页。这可能会让我等上五年甚至更长的时间，所以我们必须提前筹划未来。而 A-Frame 的开源，正正就是我们想要的做法。”

这就说明，MozVR 选择将 A-Frame 开源，和 MozVR 团队希望推广“VR网页制作简单化”的理念有关。同时，这也带出了他们鼓励网络健康发展、促进网络、网站创造的愿望。

题图来自：[Amathewk](https://amathewk.files.wordpress.com/2014/08/tonystark_4.jpg) 插图来自：[Engadget](http://www.engadget.com/2015/12/17/mozilla-makes-it-easy-to-create-vr-websites-with-a-frame/)