在 object 周围的圆形路径上移动轨道控制相机

Question

threejs 的新手在这里。

我有一个立方体，每个面都有不同的颜色。 立方体可以使用 OrbitControl 旋转，我在 Dat.GUI 中有 6 个按钮来控制相机 position。目标是当单击“Animate to red”时，orbitcontrol 相机将从其当前的 position 在圆形路径上移动到红色面，“Animate to blue”相机会移动到蓝色的脸等等......

我现在可以使用“Animate to red”按钮，但我认为我的解决方案不正确。 有人能指出我正确的方向吗？ 谢谢

这是我的 codesandbox 链接https://syckkt.csb.app/

Answer 1

所以我在这里对您的代码实施了修复： https://exciting-haslett-vfbojd.csb.app/

这个想法是用一个单位向量列表来表示每一边，然后将相机动画到那个 position。如果该边在形状的另一边，我们首先动画到垂直边，然后再朝向我们的目标边。 只需检查其中的代码即可。