模型与骨骼动画(搅拌机导出)在three.js中动画不正确

Question

我目前正在研究three.js中的骨骼动画测试.我有一个简单的模型,在搅拌机中动画很好.基本上它由三个堆叠的弯曲立方体组成.

当我使用带有Blender V2.64的blender导出插件将blender文件导出到three.js时,webGl上下文中的动画看起来不同,就好像匀称是错误的一样.

WebGL演示:http: //rainbowrangers.de/threejs/animation_test01/

Blender-File:http: //rainbowrangers.de/threejs/animation_test01/model/animation_test01.blend

我需要做些什么才能在three.js中获得正确的结果？

Answer 1

我是你从github讨论中引用的那个人.我最近一直在试验这个管道(即将Blender骨骼动画变成三个),并且发现找到一个每次都可以工作的可靠过程非常困难.

在我的博客上,我编制了一份"提示"列表,这些提示让我在某些场合取得了成功:

http://dev.mothteeth.com/2012/10/threejs-blender-exporting-skeletal-animations/

总而言之,我发现的最重要的事情是:

导出前删除骨架修改器,否则动画将全部搞砸.

检查您的顶点组是否已正确分配给骨骼.(在Blender中,您可以使用自动骨骼重量.)

键入动画的第一帧和最后一帧中的所有骨骼.(正如你所发现的,如果你只有你已经改变的骨骼的钥匙,ThreeJS将不会推断其他的任何东西,事情将被打破.)

即使遵循这些指导原则,我仍然无法使工作始终如一,并且一直在考虑使用变形目标,直到库成熟一点.变形目标的文件大小要大得多,但根据我的经验,它们在这一点上似乎是一个更可靠的选项.