首页 > 解决方案 > Three.js Camera - 如何从后面跟随一个物体,并与它一起旋转?

问题描述

我有我的小宇宙飞船在这里。它向上/向下/向左/向右移动,并旋转。向上移动时,它会旋转,使其呈U曲线状,最终可以上下颠倒

我试图让相机跟随它,并屈服于它的旋转。因此,当船倒置时,相机也会倒置。

摄像头应处于船舶始终笔直向前的位置

这是我拥有的代码 - 相机跟随是一个很好的对象,但不会与它一起旋转

function updateCamera(){
    var offset = new THREE.Vector3(spaceship.position.x + 20, spaceship.position.y + 6, spaceship.position.z);
            
    camera.position.lerp(offset, 0.2);
            
    camera.lookAt(spaceship.position);
}

相机跟随,但不随船旋转:

在此处输入图像描述

相机跟随,但不随船旋转:

在此处输入图像描述

我希望相机始终spaceship以这个角度查看并跟随(无论宇宙飞船的位置/旋转如何):

在此处输入图像描述

标签: javascriptthree.js3dcamera

解决方案


推荐阅读