Due to my question on stackoverflow wasn’t reopened yet – here’s the question and the answer on my blog:
Question
The camera position and direction are changed by pressing the arrow-up-button:
document.addEventListener("keydown", event => { if (event.keyCode === 38) { camera.position.set( 30, 30, 10 ); camera.lookAt( 0, 0, 0 ); } });
But when after I pressed the arrow-up-button, I use the mouse to zoom, pan or rotate, e.g. by rolling the mouse wheel, the camera-object seems to have remembered the camera direction from before pressing the arrow-up-button.
Is there any cache I have to empty? Or do I have to update the camera-object?
Answer
It was not the camera-object, that remembered the direction,but the control-object (OrbitControl) in the property .target.
I fixed the issue with:
control.target = new THREE.Vector3( 0, 0, 0);