\n \n \n \n position=\"-1 0.5 -3\" rotation=\"0 45 0\" color=\"#4CC3D9\">\n position=\"0 1.25 -5\" radius=\"1.25\" color=\"#EF2D5E\">\n position=\"1 0.75 -3\" radius=\"0.5\" height=\"1.5\" color=\"#FFC65D\">\n position=\"0 0 -4\" rotation=\"-90 0 0\" width=\"4\" height=\"4\" color=\"#7BC8A4\">\n color=\"#ECECEC\">\n \n \n\n","See also","References","^","\"A-Frame\". A-Frame. 19 June 2024. Retrieved 19 June 2024.","\"A-Frame\". A-Frame. Retrieved 2016-10-25.","\"Introducing A-Frame: Building Blocks for WebVR\". Mozilla VR Blog. 2015-12-16. Retrieved 2016-10-26.","Lang, Ben (2015-12-16). \"Mozilla A-Frame: WebVR Starting With One Line of Code\". Road to VR. Retrieved 2016-10-25.","\"Mozilla makes it easy to create VR websites with 'A-Frame'\". Engadget. Retrieved 2016-10-25.","\"Mozilla Releases A-Frame WebVR Framework\". AR VR Magazine. 2015-12-18. Retrieved 2016-10-25.","\"A-Frame v1.0.0 - WebXR Support, AR Mode\". A-Frame. Retrieved 30 March 2020.","\"Introduction — A-Frame\". aframe.io. Retrieved 2016-10-25.","\"Newest 'aframe' Questions\". stackoverflow.com. Retrieved 2016-10-25.","Slack. \"Slack\". aframe.io. Retrieved 2016-10-25.","\"mozilla/hubs\". Mozilla. 29 March 2020. Retrieved 30 March 2020.","External links","Official website","Retrieved from \"https://en.wikipedia.org/w/index.php?title=A-Frame_(virtual_reality_framework)&oldid=1229936644\"","Categories",": ","2015 software","3D scenegraph APIs","Cross-platform software","Free 3D graphics software","JavaScript web frameworks","Rich web application frameworks","Software using the MIT license","Hidden categories: ","Articles with short description","Short description is different from Wikidata","All articles with unsourced statements","Articles with unsourced statements from July 2019"," This page was last edited on 19 June 2024, at 15:08 (UTC).","Text is available under the Creative Commons Attribution-ShareAlike License 4.0;\nadditional terms may apply. By using this site, you agree to the Terms of Use and Privacy Policy. Wikipedia® is a registered trademark of the Wikimedia Foundation, Inc., a non-profit organization.","Privacy policy","Disclaimers","Contact Wikipedia","Code of Conduct","Developers","Statistics","Cookie statement","Mobile view"]} Jump to content

A-Frame (virtual reality framework)

From Wikipedia, the free encyclopedia
A-Frame
Developer(s)Diego Marcos, Don McCurdy, Kevin Ngo
Initial releaseDecember 2015; 8 years ago (2015-12)
Stable release
1.6.0 / May 23, 2024; 60 days ago (2024-05-23)[1]
Repository
Written inJavaScript
PlatformCross-platform
TypeJavaScript framework
LicenseMIT License
Websiteaframe.io

A-Frame is an open-source web framework, written in JavaScript, for building virtual reality (VR) experiences.[2] It is maintained by developers from Supermedium (Diego Marcos, Kevin Ngo) and Google (Don McCurdy). A-Frame is an entity component system framework for Three.js where developers can create 3D and WebXR scenes using HTML. HTML provides a familiar authoring tool for web developers and designers while incorporating a popular game development pattern used by engines such as Unity.

History

[edit]

A-Frame was originally developed within the Mozilla VR team during mid-to-late 2015.[3] A-Frame was created in order to allow web developers and designers to author 3D and VR experiences[4] with HTML without having to know WebGL.[5] A-Frame's first public release was on December 16, 2015.[6] On December 16, 2019 A-Frame version 1.0.0 was released.[7]

Community

[edit]

All online IDEs support A-Frame as a result of being based on HTML. Documentation is available for the API.[8] Support for developers committing to the library is provided via GitHub issues, while support for developers building apps and web pages is provided via StackOverflow.[9] Real-time on-line support is provided via Slack.[10] Most of the developers are also on Twitter[citation needed].

Usage

[edit]

Mozilla Hubs Chat room software uses A-Frame.[11]

Example

[edit]
<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>


See also

[edit]

References

[edit]
  1. ^ "A-Frame". A-Frame. 19 June 2024. Retrieved 19 June 2024.
  2. ^ "A-Frame". A-Frame. Retrieved 2016-10-25.
  3. ^ "Introducing A-Frame: Building Blocks for WebVR". Mozilla VR Blog. 2015-12-16. Retrieved 2016-10-26.
  4. ^ Lang, Ben (2015-12-16). "Mozilla A-Frame: WebVR Starting With One Line of Code". Road to VR. Retrieved 2016-10-25.
  5. ^ "Mozilla makes it easy to create VR websites with 'A-Frame'". Engadget. Retrieved 2016-10-25.
  6. ^ "Mozilla Releases A-Frame WebVR Framework". AR VR Magazine. 2015-12-18. Retrieved 2016-10-25.
  7. ^ "A-Frame v1.0.0 - WebXR Support, AR Mode". A-Frame. Retrieved 30 March 2020.
  8. ^ "Introduction — A-Frame". aframe.io. Retrieved 2016-10-25.
  9. ^ "Newest 'aframe' Questions". stackoverflow.com. Retrieved 2016-10-25.
  10. ^ Slack. "Slack". aframe.io. Retrieved 2016-10-25.
  11. ^ "mozilla/hubs". Mozilla. 29 March 2020. Retrieved 30 March 2020.
[edit]
Retrieved from "https://en.wikipedia.org/w/index.php?title=A-Frame_(virtual_reality_framework)&oldid=1229936644"