как реализовать перемещения по сцене в three.js
При нажатии на поверхность куба, камера проваливается внутрь. Как реализовать перемещение по клику? И чтобы камера оставалась в том же положении
scene.add(cube);
camera.position.set(20, 20, 20);
controls.update();
function render(time) {
renderer.render(scene, camera);
TWEEN.update(time)
window.requestAnimationFrame(render);
}
window.addEventListener('click', (event) => {
event.preventDefault()
mouse.x = (event.clientX / window.innerWidth) * 2 - 1
mouse.y = -(event.clientY / window.innerHeight) * 2 + 1
raycaster.setFromCamera(mouse, camera)
var intersects = raycaster.intersectObjects(scene.children, true)
for (var i = 0; i < intersects.length; i++) {
target.copy(intersects[i].point)
var tween = new TWEEN.Tween(camera.position).to(target, 2000)
tween.easing(TWEEN.Easing.Linear.None)
tween.onUpdate(() => {
camera.lookAt(target)
})
tween.start()
break;
}
}, false);
render();