Software:A-Frame (virtual reality framework)
Developer(s) | Diego Marcos, Don McCurdy, Kevin Ngo |
---|---|
Initial release | December 2015 |
Stable release | 1.5.0
/ November 14, 2023[1] |
Written in | JavaScript |
Platform | Cross-platform |
Type | JavaScript framework |
License | MIT License |
Website | aframe |
A-Frame is an open-source web framework 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
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
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
Mozilla Hubs Chat room software uses A-Frame.[11]
Example
<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
References
- ↑ "A-Frame". A-Frame. 19 March 2022. https://github.com/aframevr/aframe/blob/master/CHANGELOG.md.
- ↑ "A-Frame". https://aframe.io.
- ↑ "Introducing A-Frame: Building Blocks for WebVR". Mozilla VR Blog. 2015-12-16. https://blog.mozvr.com/introducing-aframe/.
- ↑ Lang, Ben (2015-12-16). "Mozilla A-Frame: WebVR Starting With One Line of Code" (in en-US). Road to VR. http://www.roadtovr.com/mozilla-a-frame-webvr-virtual-reality-website-web-development/.
- ↑ "Mozilla makes it easy to create VR websites with 'A-Frame'". https://www.engadget.com/2015/12/17/mozilla-makes-it-easy-to-create-vr-websites-with-a-frame/.
- ↑ "Mozilla Releases A-Frame WebVR Framework" (in en-US). AR VR Magazine. 2015-12-18. http://www.arvrmagazine.com/mozilla-releases-a-frame-webvr-framework/.
- ↑ "A-Frame v1.0.0 - WebXR Support, AR Mode" (in en). https://aframe.io/blog/aframe-v1.0.0/. Retrieved 30 March 2020.
- ↑ "Introduction — A-Frame". https://aframe.io/docs/0.9.0/introduction/.
- ↑ "Newest 'aframe' Questions". https://stackoverflow.com/questions/tagged/aframe.
- ↑ Slack. "Slack". https://aframe.io/slack.
- ↑ "mozilla/hubs". Mozilla. 29 March 2020. https://github.com/mozilla/hubs. Retrieved 30 March 2020.
External links
Original source: https://en.wikipedia.org/wiki/A-Frame (virtual reality framework).
Read more |