hm-droidz.html

<!-- Canvas -->
<canvas id="canvas" width="800" height="400"></canvas>
<!-- If we can have more than one canvas, we can rearrange this layout in some nice way. -->

<!-- TODO: This is a hack. What is the right way to load images? -->
<img id="canvas1" src="images/london.png" alt="Canvas" width="0" height="0">
<img id="robotbuy" src="images/test-bar.jpg" alt="RobotBar" width="0" height="0">
<img id="display" src="images/test-display.jpg" alt="Display" width="0" height="0">
<img id="robot1" src="images/robot1.jpg" alt="Robot1" width="0" height="0">
<img id="robot2" src="images/robot2.jpg" alt="Robot2" width="0" height="0">
<img id="robot3" src="images/robot3.jpg" alt="Robot3" width="0" height="0">
<img id="robot4" src="images/robot4.jpg" alt="Robot4" width="0" height="0">
<!-- End images -->

<!-- Javascript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript">
</script>
<script src="render.js" type="text/javascript">
</script>
<script src="events.js" type="text/javascript">
</script>
<script src="events_control.js" type="text/javascript">
</script>
<script src="robots.js" type="text/javascript">
</script>
<script src="engine.js" type="text/javascript">
</script>
<script src="game.js" type="text/javascript">
</script>