<!DOCTYPE html>
<html>
  <head>
    <title>Environments - 01</title>
    <script src="https://aframe.io/releases/1.4.0/aframe.min.js"></script>
    <script src="https://unpkg.com/aframe-environment-component@1.3.7/dist/aframe-environment-component.min.js">
    </script>

  </head>
  <body>
    <a-scene>
      <a-box position="0 0 -2" height="2" rotation="0 45 0" color="red"></a-box>

      <!-- https://github.com/feiss/aframe-environment-component/ -->
      <a-entity environment="preset: goldmine"></a-entity>
      <!-- none, default, contact, egypt, checkerboard, forest, goaland, yavapai, goldmine, threetowers, poison, arches, tron, japan, dream, volcano, starry, osiris 
-->
    </a-scene>
  </body>
</html>