三个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()。