如何在三个js中向上移动相机而不倾斜

Mat*_*epa 5 three.js

我想在渲染开始时将相机平移。在官方文档中,为了远离放置的立方体,我们调整z轴

camera.position.z = 5
Run Code Online (Sandbox Code Playgroud)

现在,我想像使用轨道控件右键单击拖动一样进行平移。但结果是相机向下倾斜。我在用着

camera.position.y = 5
Run Code Online (Sandbox Code Playgroud)

为了更好地了解情况,这里有一些从侧面观察现场的参考资料:

这是初始设置

这是初始设置

这是我设置的时候camera.position.z = 5

这是设置camera.position.z = 5之后的结果

这是我设定的时候camera.position.y = 5(不是我的想法)

这是我设置camera.position.y = 5的时候

这就是我要的

这就是我要的

Mug*_*n87 5

使用 时OrbitControls,相机始终注视目标点。该目标的默认值为(0, 0, 0)。如果你想抬起相机并且仍然想要直视方向,你还必须调整这个目标向量:

controls.target.y = camera.position.y;
controls.update(); // might be necessary to update the controls
Run Code Online (Sandbox Code Playgroud)

three.js r116