title: three js rotating objects around a sphere
body: <p>So I have been working with threejs recently and ran into some issues when trying to rotate a globe with mini spheres on the surface of the globe. </p>
  
  <p><a href="https://github.com/rohanbhangui/globe-webgl" rel="nofollow">https://github.com/rohanbhangui/globe-webgl</a> &lt;-- my code can be found here</p>
  
  <p>this is a temp link but for those who want to see my stuff in action: <a href="https://cucmfjedgt.localtunnel.me" rel="nofollow">https://cucmfjedgt.localtunnel.me</a></p>
  
  <p>So what is <strong>suppose</strong> to happen: </p>
  
  <ul>
  <li>user can rotate the globe with their mouse and the group which holds the globe and everything in the scene rotates according to the mouse movement</li>
  <li>when a user clicks on a green blob a conditional part of the mouseup event is fired and the globe (along with the green blobs) will rotate such that the clicked green blob will now be in the center of the screen</li>
  </ul>
  
  <p>I have tried nearly everything (except for the solution of course :) )</p>
  
  <p>your help is much appreciated. (Please bear with my code I know its messy)</p>