javascript - 在 Three.js 中加载从 Blender 导出的模型后，骨骼动画被损坏

Question

我有以下问题:

我在 blender 中建模了一个小忍者，并为其添加了一个装备和一些动画。现在我想将其加载到 Three.js 中并播放动画。但是，当我加载模型并播放动画时，看起来我的装备完全困惑了。我花了几个小时寻找解决方案，但尚未找到正确的答案。

使用不同的导出设置导出多次后，我制作了另一个测试项目，其中我只是对带有 2 个骨骼的立方体进行动画处理。当我加载测试立方体时，到目前为止一切都是正确的。

我用骨架助手为您设置了一个演示，这样您就可以看到发生了什么。我知道这似乎更像是 blender 问题，但也许我在代码中做错了什么。由于我在 Blender 方面比 Three.js 更有经验，我认为这很可能是问题的根源。

演示:http://demo.martenzander.com/

非常感谢您的帮助!

干杯!– 貂

Answer 1

好吧，苏，在又折腾了几个小时并在谷歌上做了一些研究后，我找到了问题的解决方案。

1. 在将动画导出为 Three.js 之前，始终先烘焙动画!

2. 在导出模型和烘焙动画之前，跳到第 1 帧并通过选择所有骨骼并按住 ALT+R、ALT+G、ALT+S 来重置骨架。这会将您的姿势重置为休息位置。

@nergal，我希望这对您有用!