/ Roadtovr / 0浏览

Mozilla的虚拟现实团队向我们介绍了创建基本的虚拟现实网站的过程

Mozilla,火狐浏览器的创建者,是网络平台的主要倡导者,并致力于确保虚拟现实成为互联网的“一流公民”。通过推出A-Frame,Web开发人员可以直接在网络上进行虚拟现实的实验。

此外,Mozilla的“MozVR”团队一直在推动公司的WebVR工作。该公司最近推出的“A-Frame”是一个用于创建虚拟现实网站的开源库;Mozilla将其称为“虚拟现实网络的构建模块”。

MozVR团队的产品设计负责人Joshua Carpenter是A-Frame背后的思维之一,也是网络虚拟现实的积极倡导者。“A-Frame主要面向Web开发者社区,其中大部分人因为不熟悉WebVR运行所依赖的强大但复杂的3D API——WebGL而参与不了WebVR的开发工作。”Carpenter最近告诉我。“对于想要使用A-Frame创建虚拟现实网站的Web开发者,他们只需要通过一行HTML代码将其插入到页面中即可立即开始。”

Carpenter还分享了一个快速指南,展示了使用A-Frame创建基本WebVR网站的简易过程:

A-Frame是一个工具,使得Web开发人员可以轻松创建在浏览器中运行的虚拟现实体验。它是简单的标记语言。只需几行HTML代码,开发人员就可以创建适用于Oculus Rift、移动设备和桌面的场景。创建A-Frame网站所需的只有……

  
    
    我的第一个VR网站
    
  
  
    
    
  

然后开发人员就可以开始在场景中添加对象了。例如:

 
   
    我的第一个VR网站
   
 
 
     
       
       
       
       
       
     
 

开发人员可以在场景中添加简单的几何形状,并借助易于阅读的变量进行实时修改。

A-Frame内置了一系列用于模型、视频、天空、几何体等的构建模块。A-Frame还包括控制、动画和光标,方便用户添加生命与互动。
因为A-Frame只是HTML,它对于Web开发人员来说很熟悉,并且可以与他们的工作流程完美配合。例如,通过JavaScript修改场景非常简单:
var scene = document.querySelector(‘a-scene’);
var cube = document.createElement(‘a-cube’);
cube.setAttribute(‘color’, ‘red’);
scene.appendChild(cube);

在底层,A-Frame是建立在实体/组件架构之上的。基于游戏开发领域的最佳实践,这个基础使A-Frame具有模块化和可扩展性。可以在不产生冲突的情况下向场景中添加和移除对象,可扩展性还使开发人员能够创建和共享自定义的构建模块和工具(该功能将在未来的版本中推出)。

MozVR团队已经使用A-Frame创建了许多WebVR示例。可以通过每个示例右上方的“查看源代码”按钮,在Github上探索其底层代码。在Firefox(按下ctrl+shift+c)或者Chrome(按下ctrl+shift+i)中打开检查器,可以看到每个示例后台正在运行的代码,甚至可以实时修改它。
了解更多关于WebVR的信息,包括如何设置浏览器兼容WebVR网站,请参阅Mozilla的MozVR页面。

0

  1. This post has no comment yet

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注