时间戳

首页 > 解决方案 > 如何在不倾斜三个 js 的情况下向上移动相机

three.js - 如何在不倾斜三个 js 的情况下向上移动相机

问题描述

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

camera.position.z = 5

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

camera.position.y = 5

为了更好地理解这里的情况，这里有一些从侧面看现场的参考资料：

这是初始设置

这是初始设置

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

这是在设置 camera.position.z = 5 之后

这是我设置的时间camera.position.y = 5（不是我的想法）

这是我设置 camera.position.y = 5

这就是我要的

这就是我要的

标签： three.js

解决方案

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

controls.target.y = camera.position.y;
controls.update(); // might be necessary to update the controls

three.js r116

推荐阅读