three.js -相机的变化真的很奇怪

Question

我开发了一个简单的three.js应用程序来呈现一个立方体，它有几个按钮来设置固定的摄像机位置。我在这里有一个代码演示：https://jsfiddle.net/ph0ropg7/9/

在我的应用程序中，我呈现一个多维数据集，我可以切换到顶部视图(使用顶部视图按钮)，并且可以通过“显示所有”按钮将多维数据集调整到屏幕上。然而，我注意到了三件奇怪的事情：

• 当我平移立方体，然后旋转它时，如果我按下“显示全部”按钮，当立方体调整到屏幕大小时，相机的方向就会发生变化。
• 当我用相应的按钮设置顶部视图时，控件似乎被阻塞或类似于此。
• 如果我通过单击顶部视图按钮设置顶部视图，并在释放鼠标左键之前拖动，则控件似乎变得疯狂。物体总是以一种非常奇怪和烦人的方式振动。

我对three.js非常陌生，我不知道为什么会发生这三件事。任何帮助或建议，以面对任何这些问题，将不胜感激。

Answer 1

我看了一下OrthographicTrackballControls 来源，注意到它在执行重置时使用了lookAt方法。lookAt方法将相机与其up矢量对齐。因此，您需要做的是删除对camera.lookAt(look_at_position);的ShowAll & ShowTop函数中的调用，并在_reset_controls_after_camera_movement方法中添加controls.up0.copy(camera.up);。该控件现在将具有正确的向上向量，并可以为您执行查找。

这是一个改良小提琴