<!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"
>
<a-camera></a-camera>
<a-plane
color="#c97544"
side="double"
width="100"
height="100"
rotation="-90 0 0"
static-body
></a-plane>
<a-box
static-body
color="#d4c4ba"
position="0 0.5 -5"
width="3"
height="1"
depth="1"
></a-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>