在 Three.js 中镜像 FBX 动画答案

【问题标题】：Mirror FBX animation in Three.js在 Three.js 中镜像 FBX 动画
【发布时间】：2022-04-09 01:50:42
【问题描述】：

有没有办法在 Three.js 中镜像 FBX 动画？我已经有了拳击手动画，现在我需要制作每个动画的镜像克隆以实现两侧看台。我知道我可以在 Blender 或其他程序中做到这一点，但我想减小我的应用程序大小。

【问题讨论】：

请详细说明。用这么少的信息很难说出你想要完成什么。也许一些图片会有所帮助。
感谢您的回复。我在 .fbx 文件中有我的动画。它们是拳击动作的动画。在盒子里有两个支架：右手和左手的人。我想加载我的“右手”动画，然后复制每个并镜像它，所以我可以为每个动作有 2 个动画实例（原始和镜像）。

【解决方案1】：

哦，我忘记发布答案了 :) 所以我的问题的答案是应用比例矩阵。

例如，如果要通过 X 轴镜像模型，则需要将其位置乘以比例矩阵和系数 (-1, 1, 1)。此外，您还需要将沿 X 轴的位置和围绕 Y 轴的旋转乘以负数，以防止侧变换。

这里有一些 THREE.js 代码：

this.model.position.x *= -1.0;
this.model.rotation.y *= -1.0;
this.model.applyMatrix4(new Matrix4().makeScale(-1.0, 1.0, 1.0));

【讨论】：