<!DOCTYPE html>
<html>
  <head>
    <title>Physics - 01 - Gravity</title>
    <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/n5ro/aframe-physics-system@v4.0.1/dist/aframe-physics-system.min.js"></script>   
    <script src="../js/livecode.js"></script>
  </head>
  <body>
    <a-scene
      physics="debug: false; gravity: -1.6"
      background="color: lightblue"
    >
      <!-- Camera -->
      <a-camera></a-camera>

      <!-- Floor -->
      <a-plane
        color="#c97544"
        side="double"
        width="100"
        height="100"
        rotation="-90 0 0"
        static-body
      ></a-plane>

      <!-- Immovable box -->
      <a-box
        static-body
            color="#d4c4ba"
        position="0 0.5 -5"
        width="3"
        height="1"
        depth="1"
      ></a-box>

      <!-- Dynamic box -->
      <a-box
        dynamic-body
        color="green"
        position="0 5 -5"
        width="0.1"
        height="0.1"
        depth="0.1"
      ></a-box>

      <a-box
        dynamic-body
        color="green"
        position="0.01 5.1 -5"
        width="0.1"
        height="0.1"
        depth="0.1"
      ></a-box>
      <a-box
        dynamic-body
        color="green"
        position="0.02 5.2 -5"
        width="0.1"
        height="0.1"
        depth="0.1"
      ></a-box>
           <a-box
        dynamic-body
        color="green"
        position="0.03 5.3 -5"
        width="0.1"
        height="0.1"
        depth="0.1"
      ></a-box>
    </a-scene>
  </body>
</html>