三个 js 的相机旋转不能正常工作？答案

【问题标题】：Camera rotation at three js not working proper?三个 js 的相机旋转不能正常工作？
【发布时间】：2023-03-20 21:22:01
【问题描述】：

我正在使用此功能，但它无法正常工作。编码使用three.js

function rotate(){
    camera.rotation.x+=0.1;
}

。如果我在渲染函数中添加它，它只工作一次并且不正确，这意味着我有鼠标移动时的旋转函数事件，旋转错误或者可能在另一个中心。我需要的是在单击按钮时在 x、y、z 轴上旋转相机。有什么想法吗？

【问题讨论】：

据我所知，渲染功能可能有问题，你能发布吗？
函数渲染() { controls.update(); requestAnimationFrame(render); //camera.rotation.x+=10; renderer.render（场景，相机）；更新标签（）；这是渲染函数。我需要 camera.rotation.x+=10;位于函数内部并在单击按钮时执行。谢谢:)

【解决方案1】：

您定义了控件。他们决定相机旋转而不是您添加的线。当你想让相机旋转时，你必须设置controls.enabled=false。

【讨论】：

【解决方案2】：

如果您稍后调用 controls.update()，您将无法旋转相机，OrbitControls 将覆盖您应用的任何内容。因此，一个简单的解决方案是，如果您自己改造相机，则不要更新控件。

【讨论】：