热门问题
时间线
聊天
视角

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