WebGL（Three.js）蒙皮动画基本概念

Question

I came across many demos regarding skinning in Three.js however I cannot understand that does the model that we import, itself should be animating one like, it is already made animating in modeling software and you just import the dummy model and manipulate it ?

If you look at this exmaple: http://threejs.org/examples/webgl_morphnormals.html

Does the model here flamingo.js, already made animating and then exported to js format and the javascript is just playing through the frames?

Please can any one elaborate me the concept here, i am brand new to all this 3D world and WebGl stuffs I just can't figure out how can I animate any model that is imported in js format.

Answer 1

Basically you want your model animated before exporting. There is not really a wrong or a right way about doing this.

Probably the easiest way is through Morph Target Animation . The other method is called skinning, an example of which you can find here .

Most of the 3-D software supports exporting for both formats. If you are not sure that your model is properly exported just check the three js examples .

For instance here is what a morphs animated model looks like: animated horse .

In my personal example I've animated the model through pure javascript rotation and move effects.