当我使用orbitcontrols three.js时相机旋转丢失

时间:2017-06-21 03:39:37

标签: three.js camera rotation

我正在开发一个使用3d建筑物作为模型的Web应用程序。我想创建一个放置相机的按钮,使模型处于合适的位置,但是当我手动旋转相机时,鼠标控件会再次重置它。

Sample here: Link

如果启用//controls.update(),则旋转不起作用。通过//controls.update()禁用相机旋转正常,但是当我使用鼠标时,相机将被重置。

¿我该怎么办?谢谢!

1 个答案:

答案 0 :(得分:0)

你不应该直接改变相机的旋转,而应该改变位置+目标。

当您调用controls.update()时,将根据摄像机的位置(摄像机的位置)和控件的目标(焦点位置)计算摄像机的旋转。

例如,你可以这样做:

controls.target.set(0,0,1);
camera.position.set(-0.041, 1.9, -1.21);
controls.update();