как реализовать перемещения по сцене в 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();

Ответы (0 шт):