title: Aframe orbit control camera pan and rotation ease animation when reach limit
body: <p>I am trying to do a navigation system like google cloud infrastructure like this:</p>
  
  <p><a href="https://cloud.withgoogle.com/infrastructure/explore/step-2" rel="nofollow noreferrer">google cloud infrastructure</a>. </p>
  
  <p>I want to do this using aframe rather than threejs. So I am now customising aframe orbit control by keven ngo:</p>
  
  <p><a href="https://github.com/supermedium/superframe/tree/master/components/orbit-controls" rel="nofollow noreferrer">aframe orbit control</a>. </p>
  
  <p>The problem is that, I succeeded in limiting the auto rotation in a certain angle, so as pan. But I have some following problem that I do not know how to do after searching every posiblities and tried my self:</p>
  
  <ol>
  <li>how to achieve the same effect of bouncing back smoothly after reaching out the pan limit;</li>
  <li>for some reason if I pan and after <code>mouseup</code> then when mouse moves, it still pans rather than rotate. Why is that?</li>
  <li>how to make camera rotates slightly like in google's example(I modified the original library to rotate camera when <code>mousemove</code> rahter than <code>mousedown</code>)?</li>
  </ol>
  
  <p>Below is the glitch link of my experiment:</p>
  
  <p><a href="https://glitch.com/edit/#!/stellar-tin?path=index.html:1:0" rel="nofollow noreferrer">aframe customized orbit control</a></p>
  
  <p>what I customized(I notated my change with slashes and ADDITION text):</p>
  
  <ol>
  <li>autorotates between set angle;</li>
  <li>mouse click only pans; when mouse move, camera rotates and autorotate stops;</li>
  <li>pan can be limited.</li>
  </ol>
  
  <p>This is a long question, very appreciated if anyone can help!!</p>