Three.js 中 LookAt 和控件的冲突答案

【问题标题】：Conflict of LookAt and controls in three.jsThree.js 中 LookAt 和控件的冲突
【发布时间】：2015-01-07 23:18:06
【问题描述】：

我正在准备一个显示建筑物 3D 模型的应用程序，它现在可以正常工作。我试图使用 LookAt 控制“PerspectiveCamera”。但是，当我在 animate 函数中有以下行时，我注意到 LookAt 不起作用。

 controls.update(1);

因此，我禁用了这一行（见下文）：

            function animate(time) {
                requestAnimationFrame( animate );
                //controls.update(1);
                TWEEN.update(time);
                renderer.render( scene, camera );
            }

但是，当我禁用该行时，我失去了鼠标控制（无法放大/缩小）。如果我启用该行，LookAt 将无法正常工作。

有什么建议吗？谢谢。

【问题讨论】：

标签： javascript camera three.js

【解决方案1】：

如果您使用控件，只需在动画循环中调用 camera.lookAt()。在您使用控件移动内容后，它会重新指向您想要查看的任何内容。

【讨论】：