WebGL(Three.js)皮肤动画基本概念

时间:2013-05-10 15:18:55

标签: javascript three.js webgl

我在Three.js中遇到过许多关于蒙皮的演示但是我无法理解我们导入的模型本身应该是动画类似的,它已经在建模软件中制作动画而你只需导入虚拟模型并操纵它?

如果你看一下这个例子:http://threejs.org/examples/webgl_morphnormals.html

这里的模型是flamingo.js,已经制作了动画,然后导出为js格式,而javascript只是通过框架播放?

任何人都可以在这里详细说明这个概念,我对所有这些3D世界和WebGl的东西都是全新的东西我无法弄清楚如何为以js格式导入的任何模型制作动画。

1 个答案:

答案 0 :(得分:4)

基本上,您希望在导出之前为模型设置动画。这样做并没有错误或正确的方法。

可能最简单的方法是通过Morph Target Animation。另一种方法称为蒙皮,您可以在其中找到here

大多数3-D软件都支持两种格式的导出。如果您不确定您的模型是否已正确导出,请查看three js examples

例如,这里是变形动画模型的样子:animated horse

In my personal example我通过纯粹的javascript旋转和移动效果为模型设置了动画。