如何在ThreeJS中仅旋转相机在场景中拖动鼠标?

时间:2018-03-09 11:11:36

标签: javascript html three.js camera virtual-reality

我在ThreeJS项目中工作,我想用鼠标旋转相机。我已经看到使用 OrbitControls ,我可以围绕一个点或一个物体旋转我的相机,但我不能像第一人称射击游戏视频一样旋转我的相机。 轨迹球控制具有与轨道控制相同的问题,我可以旋转并将我的相机移动到我的3D空间中的特定点,但我无法旋转相机本身..

PointerLockControls 可能是一个解决方案,但是当我为我的场景移动鼠标时它会旋转相机,我想点击并拖动来旋转相机。

我想要复制这个项目的相机:http://showroom.littleworkshop.fr/,我认为它们可以与OrbitControls配合使用,启用和禁用相机的这种功能。

请帮忙。提前谢谢。

1 个答案:

答案 0 :(得分:0)

您可以使用enabled属性启用/禁用PointerLockControl:

controls = new PointerLockControls( camera );

controls.enabled = true; // Turns on camera rotating with mouse
controls.enabled = false; // Turns it off