Mozilla 推出开源 A-Frame 工具,减少 VR 网页制作难度

2024-12-21上海AR开发专家

• 
  Mozilla 旗下的 VR 研究团队 MozVR，最新推出开源的 A-Frame 工具，让开发者更容易制作融合虚拟实境元素的网页，当中只要使用 HTML 代码建立即可，不需要复杂的 WebGL API。
  A-Frame 在 WebGL 协议下运行，代表其成品将能于跨平台设备上使用，包括桌上电脑、iPhone、支持 Cardboard 的设备和
  Oculus
  Rift Dev Kit 2 头载式显示器，而 Android 平台的支持则是「快将到来」。当然随后也有新增其他支持平台的计划，像是
  HTC Vive
  。Mozilla 已经释出了 A-Frame 的使用手册，并建议开发者通过 Tumblr、Reddit 或其他平台分享意见和制成品。
  Mozilla创建并开源了A-Frame，这是一个用于在桌面浏览器、智能手机和Oculus Rift上创建VR场景的框架。
  A-Frame是一个在浏览器中创建VR体验的开源框架。该框架由Mozilla的MozVR团队创建和开发。A-Frame使用了一个在游戏开发中经常使用的“实体-组件（Entity-component）”系统，其中，实体是放置在场景中的对象，而组件是与那些实体相关的属性。实体使用HTML标签定义，而组件则基于一种类似CSS语法的HTML属性。实体需要置入一个场景，其中包含了VR中需要渲染的一切内容。
  下面的示例代码描绘了一个边长为1米的红盒子实体（立方体）：
  
   
  
  目前，
  geometry
  组件支持下列
  primitive
  ：
  box
  、
  circle
  、
  cylinder
  、
  plane
  、
  ring
  、
  sphere
  、
  torus
  、
  torusKnot
  。其他组件包括：
  camera
  、
  light
  、
  sound
  、
  fog
  、
  material
  、
  scale
  ，等等。实体可以关联多个组件创建更复杂的场景，像下面的示例代码这样：
           material="color: pink"
           light="intensity: 2"
           position="-1 5 0"
           sound="src: dangerzone.mp3; volume: 2">
  
  为了简化开发人员的工作，Mozilla封装了一些实体-组件元素，创建了若干语法更简单易用的原语。如下所示，这行代码描绘了与上文相同的正方体：
  
  预定义的原语包括：
  a-camera
  、
  a-cylinder
  、
  a-plane
  、
  a-sphere
  、
  a-light
  、
  a-sky
  、
  a-image
  、
  a-video
  ，等等。
  a-model
  让开发人员可以在场景中加载OBJ或DAE 3D模型资产。
  动画是虚拟现实渲染的重要组成部分。A-Frame内部使用基于Web动画规范的tween.js。下面的这段代码实现了一个男人的旋转模型：
  
   
   
  
  A-Frame可以用于主流的桌面浏览器中，场景受鼠标或键盘控制，也可以用于智能手机和Oculus Rift头戴设备上。有个问题是，某些特定的场景在部分Android设备上不能正常渲染，但这个问题很快就会被修复。Mozilla创建了若干展示这项技术的演示程序。感兴趣的读者可以从GitHub上下载A-Frame的源代码。
  更多AR新闻就在中国AR网
  本文链接：https://www.chinaar.com/ARzx/929.html