three.js - 三个js复制轮换

Question

我正在为我正在开发的一款虚拟现实游戏进行 3d 旋转。

https://imgur.com/a/789PxLU

在视频 1 中：我将辅助块设置为组位置和四元数。如果我使用控制器旋转组，我只需复制四元数和位置设置的黑色助手的位置就可以了。

然而，在视频 2 中，当我用第一个孩子的本地位置（视频 1 中它上面的那个）偏移助手（黑色块）时，初始位置很好，但是当我开始旋转组并尝试同步位置和四元数，我似乎缺少一个偏移量。

知道正确的术语是什么，我可以通过谷歌搜索并了解更多信息吗？或者关于如何解决这个问题的任何想法？

编辑：设法解决这个问题！想出了这个解决方案：https ://imgur.com/ueSlnGK

我能够将其缩小到：https ://imgur.com/pLkSNQe

Answer 1

您正在寻找的主题是3D 转换层次结构。意味着指定 3D 对象相对于彼此的变换（平移、旋转和缩放）的想法。这样的系统使得有必要区分不同的坐标空间（如局部空间或世界空间）。

您可以将助手添加到对象，以便它自动继承所有 3D 转换。这样，您根本不必费心复制转换。

如果由于某些原因不想这样做，则必须在世界空间中提取转换数据。在旋转的上下文中，为此任务three.js提供Object3D.getWorldQuaternion() 。