title: How to rotate object with offset by orbit control in three.js?
body: <p>I want to control object like this:
  <img src="https://i.stack.imgur.com/raSIT.jpg" alt="helpful diagram"></p>
  
  <p>Now camera is move around Y coordinate, but need to be move around NEW Y. Code is here:</p>
  
  <pre><code>var material = new THREE.MeshLambertMaterial({color: 0x00ff00});
  var cube = new THREE.Mesh(geometry, material);
  scene.add(cube);
  var controls = new THREE.OrbitControls(camera);
  cube.position.x = 300;
  // controls.target = THREE.Vector3(300, 0, 0);
  </code></pre>
  
  <p>I found that target option can set the focus point of the controls, but if I add this code: <code>controls.target = THREE.Vector3(300, 0, 0);</code> the object back to the center of the screen, but it should be at the right edge.</p>
  
  <p>More over, when I set <code>new THREE.OrbitControls(camera);</code> to <code>new THREE.OrbitControls(cube);</code> and add <code>controls.target = THREE.Vector3(300, 0, 0);</code> control doesn't work, but when I set <code>controls.target = THREE.Vector3(301, 0, 0);</code> it is managed but not like a camera</p>