title: Three.js, unexpected position shift when scaling object
body: <p>I'm trying to create a zoom box, so far I managed to translate the cursor positions from locale to world coordinates and create a box object around the cursor with the right uvs.</p>
  
  <p>Here is the fiddle of my attempt :  <a href="https://jsfiddle.net/2ynfedvk/2/" rel="nofollow noreferrer">https://jsfiddle.net/2ynfedvk/2/</a></p>
  
  <p>Without scaling the box is perfectly centered around the cursor, but if you toggle the scaling checkbox to set the scale <code>zoomMesh.scale.set(1.5, 1.5, 1)</code>, the box position shift the further you move the cursor from the scene center.</p>
  
  <p>Am I messing any CSS like "transform origin" for three.js to center the scale around the object, is this the right approach the get this kind of zoom effect ?</p>
  
  <p>I'm new to three.js and 3d in general, so thanks for any help.</p>