walk-around/index.html

<html>
  <head>
    <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/donmccurdy/aframe-extras@v6.1.0/dist/aframe-extras.min.js"></script>
    <!-- <script src="https://recast-api.donmccurdy.com/aframe-inspector-plugin-recast.js"></script>-->
  </head>

  <body>
    <a-scene inspector-plugin-recast>
      <a-assets>
        <a-asset-item id="room" src="gltf/room.gltf"></a-asset-item>
        <a-asset-item id="navmesh" src="gltf/navmesh.gltf"></a-asset-item>
        <img id="sky" src="img/sky.jpg" />
      </a-assets>
      <a-sky src="#sky"></a-sky>
      <a-entity id="rig" movement-controls="constrainToNavMesh: true">
        <a-entity position="0 1.6 0" camera look-controls="pointerLockEnabled: true"> </a-entity>
      </a-entity>
      <a-entity position="-4 -0.5 2" gltf-model="#room"></a-entity>
      <a-entity visible="false" gltf-model="#navmesh" nav-mesh></a-entity>
    </a-scene>
  </body>
</html>