如何处理Three.js中的动画模型?

时间:2013-04-29 10:48:45

标签: javascript animation model three.js webgl

我有一个关于Three.js的基本问题。我用Google搜索但没有找到任何有用的东西...... 如何处理Three.js中的动画模型?我知道如何导入.js文件,并且我有一个从blender导出为.js格式的动画立方体。我用JSONLoader导入它,但动画本身不会播放。所以我就是这样,我不知道怎么玩。

我查了一下文档,但我不知道应该用什么... 尝试了MorphAnimationMesh,当我记录长度时,它找到了250帧。所以我猜出口进展顺利。

我正在使用WebMatrix,它似乎无法识别dae文件,所以我还没有尝试过它们。对他们来说,我也不知道如何处理动画。

请帮忙!

2 个答案:

答案 0 :(得分:8)

有很多examples in the three.js sources。您也可以在线查看它们,例如

还有另一种动画风格,称为骨骼动画或“skinning”。但是,如果您发现250帧变形,那么此时您不需要担心它,但是要注意它是很好的。 Blender可以导出两者 - 变形更加万无一失,但是皮肤占用的空间更小。

答案 1 :(得分:0)

我发现这个例子对游戏开发非常有用:

https://threejs.org/examples/webgl_animation_skinning_blending.html