Mozilla 发布 A-Frame 开源框架,帮助 Web 开发者轻松构建 WebVR



Mozilla今天发布了全新的开源框架 A-Frame,旨在帮助开发者更轻松的开发在浏览器中运行的高性能响应式的VR体验,而不用学习强大但非常复杂的 WebGL。Mozila 旗下的 MozVR 团队已经在 WebVR 技术上进行了很多试验,今天发布的 A-Frame 则是他们研究成果的结晶,已经可以提供给开发者进行探索了。开发者只需一行代码就可以集成支持 VR 页面所需的基本组件。


<script src="https://aframe.io/releases/latest/aframe.min.js"></script>


加入这行代码,Web开发者就能够开始使用他们所熟悉的HTML代码创建一些简单的VR网页。Mozilla同时发布了A-Frame的详细文档,对A-Frame感兴趣的同学可以参考文档内容进行自己的试验。


A-Frame很大的一个优点是提供了对 VR 头戴设备和非 VR 设备——例如电脑以及智能手机——之间的无缝响应。A-Frame 目前支持 Oculus Rift DK2 以及 Cardboard 类的纸盒眼镜,并会在未来对更多的设备提供支持。根据 MozVR 团队的消息,他们很快将会利用 Oculus 最新的 0.8版本Runtime 来更好的优化75Hz的头部追踪。文末将会教你如何设置 Oculus Rift使其支持 WebVR,而手机端的 VR 模式以及所有的非 VR 渲染则可以在任何支持 WebGL 的浏览器中工作。


A-Frame 拥有许多的开发模块供开发者使用,例如模型、视频、天空、几何体等等,同时集成了控制、动画以及光标,使得开发者能够轻松的构建富交互的VR网站。A-Frame 提供了许多模板,帮助开发者迅速上手,并且 Mozilla 还鼓励开发者之间分享自己制作的模板,来加快 WebVR 网站的创建。


“如果我们关心 Web 技术,觉得 Web 技术非常的酷炫,我们不应该等待 VR 行业的成形、成熟再进研究 Web VR 的技术,因为这一过程可能会长达五年之久,我们必须筹划未来。” Joshua Carpenter,MozVR 团队的产品设计总监在上个月的一场 Mozilla 的活动中说到,“这是我在 Mozilla、更确切的说是 CTO 办公室的主要工作——对于 Web 平台的未来进行一些研究项目。”


谈到 WebVR 的现状以及 A-Frame 时,Carpenter 说这个工具很强大,但还不能在数以百万计的现存 Web 开发者中普及。


“目前需要解决的最大的问题是 WebVR 的体验太难制作。Web 的核心价值是易用性”,他说,“你不需要安装任何东西 Web 就可以正常工作,你就可以打开链接。当你想自己制作一些东西时,你也只需要敲几行代码并且发布就行,没有人会告诉你‘你做不到’。”


A-Frame被设计出来正是为了将易用性这一价值在 WebVR 的开发中实现。


目前的一部分挑战是你不能仅仅只为VR头戴设备提供正确的响应支持,你还需要消除WebVR开发对于WebGL深层知识的需求。


“A-Frame 的目标群体是Web开发者,他们中的绝大多数都因为对 WebGL 缺乏了解而无法进行 WebVR 的开发工作,而 WebGL 这一个强力但复杂的 3D API 是 WebVR 运行的基础。”Carpenter 告诉我说,“一个用 A-Frame 来开发 VR 网站的 Web 开发者只需要在他们原本的代码中加上一行,就可以进行 WebVR 的开发了。”


附:使 Oculus Rift 可以浏览 WebVR 的方法


1、安装最新的Oculus Runtime。

2、安装 Firefox Nightly, 或者开发者版的 Chromium。

3、安装 WebVR Enabler 插件 (只有Firefox有)。

4、打开你的网站。

5、确保你的 Oculus Rift 已经正确插入并正常工作,Oculus Rift 上的指示灯应该是蓝色的。

6、点击 "Enter VR" 按钮。


VIA roadtovr


关注魔多VR微信公众号:moduovr




// share