Mozilla 开源 web 虚拟现实框架 A-Frame

简介:

screenshot
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" 按钮。

====================================分割线================================
文章转载自 开源中国社区[http://www.oschina.net]

目录
相关文章
|
10天前
|
安全 数据库 C++
Python Web框架比较:Django vs Flask vs Pyramid
【4月更文挑战第9天】本文对比了Python三大Web框架Django、Flask和Pyramid。Django功能全面,适合快速开发,但学习曲线较陡;Flask轻量灵活,易于入门,但默认配置简单,需自行添加功能;Pyramid兼顾灵活性和可扩展性,适合不同规模项目,但社区及资源相对较少。选择框架应考虑项目需求和开发者偏好。
|
4天前
|
前端开发 数据挖掘 API
使用Python中的Flask框架进行Web应用开发
【4月更文挑战第15天】在Python的Web开发领域,Flask是一个备受欢迎的轻量级Web框架。它简洁、灵活且易于扩展,使得开发者能够快速地构建出高质量的Web应用。本文将深入探讨Flask框架的核心特性、使用方法以及在实际开发中的应用。
|
16天前
|
前端开发 安全 Java
使用Java Web框架:Spring MVC的全面指南
【4月更文挑战第3天】Spring MVC是Spring框架的一部分,用于构建高效、模块化的Web应用。它基于MVC模式,支持多种视图技术。核心概念包括DispatcherServlet(前端控制器)、HandlerMapping(请求映射)、Controller(处理请求)、ViewResolver(视图解析)和ModelAndView(模型和视图容器)。开发流程涉及配置DispatcherServlet、定义Controller、创建View、处理数据、绑定模型和异常处理。
使用Java Web框架:Spring MVC的全面指南
|
30天前
|
数据库
最全三大框架整合(使用映射)——struts.xml和web.xml配置
最全三大框架整合(使用映射)——数据库资源文件jdbc.properties
9 0
|
1月前
|
NoSQL 关系型数据库 Linux
Star 1.6k!当Web遇上Linux和数据库!一站式管理平台的开源之旅!
Star 1.6k!当Web遇上Linux和数据库!一站式管理平台的开源之旅!
|
1月前
|
缓存 移动开发 监控
Star 1.3K!推荐一款可以远程调试任意Web项目的开源工具!
Star 1.3K!推荐一款可以远程调试任意Web项目的开源工具!
|
1月前
|
前端开发 API 网络架构
Python 如何开发出RESTful Web接口,DRF框架助力灵活实现!
Python 如何开发出RESTful Web接口,DRF框架助力灵活实现!
|
1月前
|
XML JSON API
通过Flask框架创建灵活的、可扩展的Web Restful API服务
通过Flask框架创建灵活的、可扩展的Web Restful API服务
|
15天前
|
监控 JavaScript 前端开发
《理解 WebSocket:Java Web 开发的实时通信技术》
【4月更文挑战第4天】WebSocket是Java Web实时通信的关键技术,提供双向持久连接,实现低延迟、高效率的实时交互。适用于聊天应用、在线游戏、数据监控和即时通知。开发涉及服务器端实现、客户端连接及数据协议定义,注意安全、错误处理、性能和兼容性。随着实时应用需求增加,WebSocket在Java Web开发中的地位将更加重要。
|
26天前
|
Web App开发 前端开发 开发工具
介绍Web开发的基础知识
介绍Web开发的基础知识
26 7

热门文章

最新文章