I'm looking to establish the initial 'lookAt' point for my scene, which will serve as both the center of the screen and the rotation control's focus. Ideally, I'd like to set a specific point or object position rather than rotation angles.
The control in use is OrbitControl. Simply setting lookAt before initializing the Control results in the center defaulting to (0,0,0) on the first user interaction, creating a noticeable 'gap'...
// camera
camera = new THREE.PerspectiveCamera( 35, window.innerWidth / window.innerHeight, 0.1, 20000);
camera.position.set(0,20,20);
camera.lookAt(new THREE.Vector3(0,10,0));
// controls
controls = new THREE.OrbitControls( camera );
controls.addEventListener( 'change', render );
What is the correct way to set the initial point so that this issue can be avoided?