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

Question

我在 Three.js 中遇到过很多关于蒙皮的演示，但是我无法理解我们导入的模型，它本身应该像动画一样，它已经在建模软件中制作了动画，你只需导入虚拟模型并进行操作吗？

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

这里的模型flamingo.js，是否已经制作动画然后导出为js格式并且javascript只是在帧中播放？

请任何人在这里详细说明一下这个概念，我对所有这些 3D 世界和 WebGl 东西都是全新的，我只是不知道如何为任何以 js 格式导入的模型制作动画。

Answer 1

基本上，您希望模型在导出之前进行动画处理。这样做并没有真正的错误或正确的方法。

可能最简单的方法是通过Morph Target Animation。另一种方法称为蒙皮，您可以找到一个示例here。

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

例如，变形动画模型如下所示：animated horse。

In my personal example我已经通过纯 JavaScript 旋转和移动效果为模型设置了动画。