A-Frame

A-Frame是一個以JavaScript編寫的開源網頁框架，專為打造虛擬實境（VR）體驗而設計。 A-Frame 由 Supermedium（Diego Marcos、Kevin Ngo）與 Google（Don McCurdy）的開發者維護。此框架為Three.js打造的實體組件系統，開發者可透過HTML創建3D與WebXR場景。HTML為網頁開發者與設計師提供熟悉的創作工具，同時整合Unity等引擎採用的熱門遊戲開發模式。

 歷史 
A-Frame最初於2015年中至後期由Mozilla VR團隊開發而成。A-Frame的誕生，旨在讓網頁開發者與設計師能夠運用HTML編寫3D與VR體驗，無需具備WebGL知識。 A-Frame 的首次公開發布日期為2015年12月16日。2019年12月16日，A-Frame1.0.0版本正式發布。

 社群 
所有線上整合開發環境（IDE）皆支援A-Frame，因其基於HTML技術。相關API文件可供查閱。 針對開發人員對該函式庫的提交，支援服務透過GitHub問題追蹤系統提供；而針對開發應用程式與網頁的開發人員，支援服務則透過StackOverflow平台提供。 透過 Slack 提供即時線上支援。大多數開發者也在推特上。

 用途 
Mozilla Hubs聊天室軟體採用A-Frame技術。

 範例 
<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>

 參見 

 Three.js
 HTML
 Entity component system
 WebXR

 參考文獻 

 外部連結