<html>
  <head>
    <meta charset="UTF-8">
    <title>Mushroom Scene v2</title>
    <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
  </head>
  <body>
    <a-scene>
      <!-- Sky -->
      <a-sky color="#8CE6F0"></a-sky>
      
      <!-- Ground -->
      <a-plane position="0 0 0" rotation="-90 0 0" width="100" height="100" color="#7BC8A4"></a-plane>
      
      <!-- Camera -->
      <a-entity position="0 1.6 0">
        <a-camera></a-camera>
      </a-entity>
      
      <!-- Amanita muscaria mushroom -->
      <a-entity id="mushroom" position="0 0.5 -3">
        <!-- Stem -->
        <a-cylinder position="0 0.3 0" radius="0.1" height="0.6" color="#BF9D6C"></a-cylinder>
        
        <!-- Cap -->
        <a-cone position="0 0.7 0" radius-bottom="0.4" radius-top="0.05" height="0.35" color="#FF4A4A"></a-cone>
        
      </a-entity>
    </a-scene>
  </body>
</html>
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.