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

use*_*278 4 javascript animation model webgl three.js

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

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

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

请帮忙!

Tap*_*pio 8

three.js源代码中有很多例子.您也可以在线查看它们,例如

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

  • 变形动画是"烘焙",即每个动画帧都有一个单独的对象.由于每个帧中存在每个顶点,因此占用大量空间.在蒙皮中,有一个动画的单独骨架.顶点是骨骼的父级并随之移动,因此只有10个骨骼的动画帧,而不是潜在的数千个顶点,效率非常高. (2认同)