title: Three.js - Camera rotation & TransformControls
body: <p>In my three.js scene I can add and edit objects.
  I recently added a "Rotate Camera" checkbox which works great. 
  But the problem is that the transformControls attached to the object seems to rotate differently: when I stop the rotation, the controls are displaced in comparison with the object.
  Here is my function:</p>
  
  <pre><code>function optionCameraRotation() {
          "use strict";
          return {
              ROTATION_Y_AXIS : false
          };
      }
      var rotationOption = optionCameraRotation();
  </code></pre>
  
  <p>My GUI.DAT button:</p>
  
  <pre><code>guiCamera.add(rotationOption, 'ROTATION_Y_AXIS').name('Rotation Active');
  </code></pre>
  
  <p>And my animate() function:</p>
  
  <pre><code>function animate() {
      requestAnimationFrame( animate );
      THREE.AnimationHandler.update( 0.05 );
      if (rotationOption.ROTATION_Y_AXIS) {
          scene.rotation.y = (scene.rotation.y + 0.005 * 4)  % (Math.PI * 2);
      }
      renderer.render( scene, camera );
      update();
  }
  </code></pre>
  
  <p>Where is the problem located ?</p>