examples/controls_firstperson_cube.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Threestrap - Camera First Person Controls</title>
  <script type="text/javascript" src="../vendor/three.js"></script>
  <script type="text/javascript" src="../vendor/controls/FirstPersonControls.js"></script>
  <script type="text/javascript" src="../build/threestrap.js"></script>
</head>
<body>
  <div id="three"></div>
  <script>

    // Bootstrap core + stats plugin
    var three = THREE.Bootstrap({
      plugins: ['core', 'controls'],
      controls: {
        klass: THREE.FirstPersonControls,
        parameters: {
          lookSpeed: 0.1,
        },
      },
    });

    // Insert a cube
    var mesh = new THREE.Mesh(new THREE.CubeGeometry(.5, .5, .5), new THREE.MeshNormalMaterial());
    three.scene.add(mesh);

    // Place camera
    three.camera.position.set(-2, 0, 0);
    three.camera.lookAt(new THREE.Vector3());

  </script>
</body>
</html>