A-Frame (https://github.com/aframevr/aframe) is an open-source web framework for building virtual reality (VR) experiences. It is primarily maintained by Mozilla and the WebVR community. Although other WebGL libraries, such as Three.js and Babylon.js, offer VR support, A-Frame was designed entirely for building VR applications for the web.
A-Frame Core
Although A-Frame is an entirely new project, it is built on top of the Three.js game engine.
Although A-Frame is an entirely new project, it is built on top of the Three.js game engine.
Here's a demo showcasing the A-Frame's declarative API:
<!DOCTYPE html>
<html>
<head>
<title>Hello, WebVR! - A-Frame</title>
<meta name="description" content="Hello, WebVR! - A-Frame">
<script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script>
</head>
<body>
<a-scene>
<a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9" shadow>
</a-box>
<a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E" shadow>
</a-sphere>
<a-cylinder position="1 0.75 -3" radius="0.5" height="1.5"
color="#FFC65D" shadow></a-cylinder>
<a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4"
color="#7BC8A4" shadow></a-plane>
<a-sky color="#ECECEC"></a-sky>
</a-scene>
</body>
</html>
You can see the live demo on their GitHub page, which resembles the following:
