title: Three.js : Pan/move camera using mouse movement (without clicking)?
body: <p>I want to be able to pan the pan the camera around my scene using the mouse. So far I've used TrackballControls to create this effect by click and dragging. </p>
  
  <pre><code>function init(){
    camera = new THREE.PerspectiveCamera(45,window.innerWidth / window.innerHeight, 1, 1000);
    camera.position.z = 500;
  
    controls = new THREE.TrackballControls(camera);
    controls.addEventListener('change', render);
  }
  
  function animate(){
    requestAnimationFrame(animate);
    controls.update();
  }
  </code></pre>
  
  <p>Is there a way to be able to do this without having to click? Similar to <a href="https://tkmh.me" rel="nofollow noreferrer">this site</a>  ...</p>
  
  <p>I have made <a href="https://codepen.io/tknipe/full/gjoowv/" rel="nofollow noreferrer">a codepen with my site</a> so far.</p>
  
  <p>Thanks :)</p>