热门问题
时间线
聊天
视角

A-Frame

来自维基百科,自由的百科全书

A-Frame
Remove ads

A-Frame是一个以JavaScript编写的开源网页框架,专为打造虚拟现实(VR)体验而设计。[2] A-Frame 由 Supermedium(Diego Marcos、Kevin Ngo)与 Google(Don McCurdy)的开发者维护。此框架为Three.js打造的实体组件系统,开发者可透过HTML创建3D与WebXR场景。HTML为网页开发者与设计师提供熟悉的创作工具,同时整合Unity等引擎采用的热门游戏开发模式。

事实速览 开发者, 首次发布 ...
Remove ads

历史

A-Frame最初于2015年中至后期由Mozilla VR团队开发而成。[3]A-Frame的诞生,旨在让网页开发者与设计师能够运用HTML编写3D与VR体验[4],无需具备WebGL知识。[5] A-Frame 的首次公开发布日期为2015年12月16日。[6]2019年12月16日,A-Frame1.0.0版本正式发布。[7]

社群

所有线上集成开发环境(IDE)皆支援A-Frame,因其基于HTML技术。相关API文件可供查阅。[8] 针对开发人员对该函式库的提交,支援服务透过GitHub问题追踪系统提供;而针对开发应用程序与网页的开发人员,支援服务则透过StackOverflow平台提供。[9] 透过 Slack 提供即时线上支援。[10]大多数开发者也在推特上。

用途

Mozilla Hubs聊天室软件采用A-Frame技术。[11]

范例

<html>
  <head>
    <script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
  </head>
  <body>
    <a-scene>
      <a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9"></a-box>
      <a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E"></a-sphere>
      <a-cylinder position="1 0.75 -3" radius="0.5" height="1.5" color="#FFC65D"></a-cylinder>
      <a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="#7BC8A4"></a-plane>
      <a-sky color="#ECECEC"></a-sky>
    </a-scene>
  </body>
</html>
Remove ads

参见

参考文献

外部链接

Loading related searches...

Wikiwand - on

Seamless Wikipedia browsing. On steroids.

Remove ads