javascript - Three.js 中 LookAt 和控件的冲突

Question

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

 controls.update(1);

因此，我禁用了这一行(见下文):

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

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

有什么建议吗？谢谢。

Answer 1

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