使用Three.js

Question

我正在尝试使用BVH通过网页上的骨架为网格设置动画。这是我正在尝试做的整个过程：

1. 使用MakeHuman制作角色并导出（mhx格式？似乎效果最好）。
2. 将角色导入Blender。
3. 使用Blender的MakeWalk插件重新定位到BVH。
4. 使用Three.js导出器将字符导出到json。
5. 导出BVH（不确定是否有必要，但我想我可能会更好运动，让BVH在重新定位后与骨架相匹配）
6. 使用Three.js
将角色加载到网页中
7. 使用BVH为角色设置动画。

动画在搅拌机中看起来很棒。我正在尝试使用修改后的 JavaScript BVH viewer code from here 来使用MakeHuman创建的骨架，而不是从BVH数据创建骨架。每当我尝试为角色制作动画时，都会变得非常扭曲。

这是从Blender渲染的所需结果（或多或少）：



这就是网页上发生的事情：



正如你所看到的，它已经完全搞砸了。我还必须缩小显示才能看到整个图像。

我尝试过使用不同的装备，不同的文件格式，重新定位后重新启动BVH，你可以命名。我还尝试按照示例here（向下滚动以查看说明），但它说要删除骨架修改器，当我这样做时，没有骨头被导出而且Three.js会抛出错误。

我不知所措。是否有某个最新的示例显示了如何做我正在尝试做的事情？