<!DOCTYPE html>
<html>
<head>
<title>Primitives - 06 - Primitives</title>
<script src="https://aframe.io/releases/1.4.0/aframe.min.js"></script>
</head>
<body>
<a-scene>
<a-circle position="-3 5 -7" color="#0074D9"> </a-circle>
<a-plane position="-1 5 -7" color="#FFDC00"></a-plane>
<a-ring position="1 5 -7" color="#FF851B"></a-ring>
<a-triangle position="3 5 -7" color="#111111"></a-triangle>
<a-box position="-3 3 -7" color="#001f3f"> </a-box>
<a-cone position="-1 3 -7" color="#7FDBFF"> </a-cone>
<a-cylinder position="1 3 -7" radius="0.7" color="#39CCCC"> </a-cylinder>
<a-sphere position="3 3 -7" radius="0.7" color="#FF4136"></a-sphere>
<a-dodecahedron position="-5 0 -7" color="#3D9970"></a-dodecahedron>
<a-icosahedron position="-3 0 -7" color="#2ECC40"></a-icosahedron>
<a-octahedron position="-1 0 -7" color="#01FF70"></a-octahedron>
<a-tetrahedron position="1 0 -7" color="#85144b"></a-tetrahedron>
<a-torus-knot position="3.5 0 -7" color="#F012BE"></a-torus-knot>
<a-torus position="7 0 -7" color="#B10DC9"></a-torus>
<a-sky color="gray"></a-sky>
</a-scene>
</body>
</html>