title: Three.js OrbitControls how to stop gradually and smoothly, instead of instantly when panning?
body: <p>When I am panning the scene on the screen, how should I set up the <code>OrbitControls</code> to make the scene come to a standstill gradually, instead of instantly, just like <a href="https://demos.littleworkshop.fr/demos/infinitown/" rel="nofollow noreferrer">this website</a> ?</p>
  
  <p>Here is my code.</p>
  
  <pre class="lang-js prettyprint-override"><code>controls = new THREE.OrbitControls( camera, renderer.domElement );
  controls.mouseButtons = {
      ORBIT: THREE.MOUSE.RIGHT,
      ZOOM: THREE.MOUSE.MIDDLE,
      PAN: THREE.MOUSE.LEFT
  };
  controls.enableDamping = true;
  controls.dampingFactor = 0.25;
  controls.screenSpacePanning = false;
  
  const direction = new THREE.Vector3();
  camera.getWorldDirection(direction);
  camera.getWorldPosition(controls.target);
  controls.target.addScaledVector(direction, 50);
  </code></pre>
  
  <p>Thanks!!</p>