example4.html

<html>
  <head>
    <title>Ship Example | Micro:bit-controlled A-Frame scene | Neill</title>
    <script src="libs/aframe.min.js"></script>
    <script src="libs/aframe-environment-component.min.js"></script>
    <script src="libs/p5.min.js"></script>
    <script src="libs/p5.serialport.js"></script>    

    <script src="sketch4.js"></script>
  </head>

  <body>

    <a-scene>
      
      <a-assets>
        <a-asset-item id="robot_obj" src="models/square_robot.obj"></a-asset-item>
        <a-asset-item id="robot_mtl" src="models/square_robot.mtl"></a-asset-item>
      </a-assets>

      <a-entity id="robot" obj-model="obj: #robot_obj; mtl: #robot_mtl" position="0 -1 -6">
      </a-entity>

      <a-entity light="color: #67BA6D; intensity: 0.25" position="-1 0 0"></a-entity>
      <a-entity light="color: #D7F096; intensity: 1" position="1 2 0"></a-entity>
      <a-sky color="#3A91AA"></a-sky>
    </a-scene>
  </body>
</html>