如何在WebGL中animation模型?

我在Blender中创建了一个人体模型,将顶点和索引导出到JSON文件中,并使用WebGL在浏览器中渲染模型。 现在我在Blender中创建了一个散步和跳转animation,并且想要在WebGL中做同样的事情。

我看到了一些使用animation每帧的顶点列表的例子。 这是要走的路吗? 我是否需要为每个animation的每个帧导出顶点?

你需要实现一些像骨头或变形。 正如stephelton所建议的,WebGL框架将使这更容易。

既然你使用的是Blender,那么使用three.js怎么样 ?

它已经有一个Blender导出器,并且还有一个Python脚本来将objs转换为框架使用的json格式,以防需要使用其他应用程序。

在其他伟大的项目中,它被用于Ro.me ,你可以在那里看到变体的样本。 您也可以查看模型的源代码 。

动画皮肤three.js示例变形目标three.js样本

你想要使用某种骨骼animation系统。 我建议你找一个WebGL框架来支持这个。