Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/370.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何处理Three.js中的动画模型?_Javascript_Animation_Model_Three.js_Webgl - Fatal编程技术网

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

Javascript 如何处理Three.js中的动画模型?,javascript,animation,model,three.js,webgl,Javascript,Animation,Model,Three.js,Webgl,我有一个关于Three.js的基本问题。我在谷歌上搜索过,但没有发现任何有用的东西。。。 如何处理Three.js中的动画模型?我知道如何导入.js文件,我有一个动画立方体从blender导出为.js格式。我已经用JSONLoader导入了它,但是动画本身无法播放。那就是我现在的位置,我不知道怎么玩 我已经检查了文档,但我不知道我应该用什么。。。 尝试了变形动画网格,当我记录长度时,它发现了250帧。所以我猜出口进展顺利 我使用的是WebMatrix,它似乎无法识别dae文件,所以我还没有尝试使

我有一个关于Three.js的基本问题。我在谷歌上搜索过,但没有发现任何有用的东西。。。 如何处理Three.js中的动画模型?我知道如何导入.js文件,我有一个动画立方体从blender导出为.js格式。我已经用JSONLoader导入了它,但是动画本身无法播放。那就是我现在的位置,我不知道怎么玩

我已经检查了文档,但我不知道我应该用什么。。。 尝试了变形动画网格,当我记录长度时,它发现了250帧。所以我猜出口进展顺利

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

请帮忙

有很多。您也可以在线查看它们,例如


还有另一种类型的动画,称为骨架动画或“”。但是,如果您发现了250帧变形,那么此时您不必担心它,但是了解它是件好事。Blender可以同时导出这两种格式-变形更简单,但蒙皮占用的空间更少。

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


谢谢!我现在正在播放动画。我还尝试导出多个obj文件,并使用python脚本将它们转换为json。它工作得很好,实际上这是获得平滑组的唯一方法。。。所以我也要尝试皮肤动画,会有什么不同吗?@user1066278:是的,看看例子。此外,python脚本不支持蒙皮,因为这需要obj文件无法保存的骨骼信息。好的,很高兴知道!不过我会尝试一下,因为如果每一帧都有一个obj,动画不是已经烘焙了吗?如果obj不支持skinningMorph动画是“烘焙”,也就是说,动画的每一帧都有一个单独的对象,这并不重要。这需要很大的空间,因为每个顶点都存在于每个帧中。在蒙皮中,有一个单独的已设置动画的骨架。顶点是骨骼的父对象,并随骨骼一起移动,因此仅为(比如)10个骨骼设置动画帧是非常有效的,而不是潜在的数千个顶点。