Morph Targets Three.js

时间:2013-07-30 16:51:55

标签: javascript three.js webgl blender morphing

我正在尝试使用变形目标和three.js。但是,似乎没有太多关于这个主题的文档。

我正在查看源代码:

morphTargetInfluences []

似乎是神奇的......这是如何运作的?我该如何使用它?值是1全力吗?如何区分同一模型上的不同变形目标?我只是想了解:

morphTargetInfluences[].

提前致谢

2 个答案:

答案 0 :(得分:7)

http://threejs.org/examples/webgl_morphtargets.html

变形目标是几何顶点位置的集合,用于它们之间的自动插值。您可以使用morphTargetInfluences[0], morphTargetInfluences[1], morphTargetInfluences[nSet]中写入的不同顶点位置实时更改几何体外观。您可以同时混合几何体的多种外观(morphTargetInfluences)。最好的方法是JSONLoader格式,您可以从3DSMax导出,例如:frame0为morphTargetInfluences[0],frame1为morphTargetInfluences[1],等等。

原始几何顶点不受影响,您可以使用geometry.computeBoundingBox(); geometry.boundingBox();

进行检查

答案 1 :(得分:0)

我会对采用这种方法持谨慎态度。这似乎是基于对该技术的不完全理解。

  1. 变形目标的值不是您可以通过交换单个顶点来设置动画,而是可以使用替代形状(具有相同顶点的相同网格,但每个可以位于新位置)作为变形您的模型的目标。 (例如:中性脸和笑脸)

  2. morphTargetInfluence包含NO顶点。它是一个标量值数组,表示变形期间分配给每个目标的权重。在上面的Face例子中,[0.3]可能会产生一种胆小的蒙娜丽莎般的微笑,而[0.9]则会是一个健壮的笑容。