A-Frame (software)
| A-Frame | |
|---|---|
| Developers | Diego Marcos, Don McCurdy, Kevin Ngo |
| Initial release | December 2015; 9 years ago (2015-12) |
| Stable release | |
| Repository | |
| Written in | JavaScript |
| Platform | Cross-platform |
| Type | JavaScript framework |
| License | MIT License |
| Website | aframe |
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> <scriptsrc="https://aframe.io/releases/1.3.0/aframe.min.js"></script> </head> <body> <a-scene> <a-boxposition="-1 0.5 -3"rotation="0 45 0"color="#4CC3D9"></a-box> <a-sphereposition="0 1.25 -5"radius="1.25"color="#EF2D5E"></a-sphere> <a-cylinderposition="1 0.75 -3"radius="0.5"height="1.5"color="#FFC65D"></a-cylinder> <a-planeposition="0 0 -4"rotation="-90 0 0"width="4"height="4"color="#7BC8A4"></a-plane> <a-skycolor="#ECECEC"></a-sky> </a-scene> </body> </html>
See also
[edit ]References
[edit ]- ^ "A-Frame". A-Frame. 23 February 2025. Retrieved 27 March 2025.
- ^ "A-Frame". A-Frame. Retrieved 2016年10月25日.
- ^ "Introducing A-Frame: Building Blocks for WebVR". Mozilla VR Blog. 2015年12月16日. Archived from the original on 2017年09月10日. 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. 17 December 2015. Retrieved 2016年10月25日.
- ^ "Mozilla Releases A-Frame WebVR Framework". AR VR Magazine. 2015年12月18日. Archived from the original on 2017年09月10日. 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.
