three.js 中 LookAt 和控件的冲突

Question

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

 controls.update(1);

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

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

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

有什么建议吗？谢谢。

Answer 1

如果您正在使用控件，只需在动画循环中调用 camera.lookAt()。在你用控件移动了东西之后，这将使它重新指向你想要查看的任何东西。

three.js 中 LookAt 和控件的冲突

Conflict of LookAt and controls in three.js

javascript

camera

three.js