变形目标 Three.js

Posted 2023-02-27

【中文标题】变形目标 Three.js

【英文标题】：Morph Targets Three.js

【发布时间】：2013-07-30 22:44:39

【问题描述】：

我正在尝试开始使用变形目标和three.js。但是，关于这个主题的文档似乎并不多。

当我查看源代码时：

morphTargetInfluences[]

似乎是魔法......这是如何工作的？我该如何使用它？值是 1 全强度吗？如何区分同一模型上的不同变形目标？我只是想明白：

morphTargetInfluences[].

提前致谢

【问题讨论】：

您能否稍微澄清一下您的问题，以便更简洁？看来您本质上是在问morphTargetInfluences 是如何工作的，所以不妨多关注一下。

抱歉，编辑了我的问题。

【参考方案1】：

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();进行检查

【参考方案2】：

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

Morph Targets 的价值不是您可以通过交换单个顶点来制作动画，而是您可以使用替代形状（具有相同顶点的相同网格，但每个都可以位于新位置）作为变形您的模型的目标。 （例如：中性脸和笑脸）

morphTargetInfluence 不包含顶点。它是一个标量值数组，表示在变形过程中分配给每个目标的权重。在上面的人脸示例中，[0.3] 可能会产生类似蒙娜丽莎的羞怯微笑，而 [0.9] 可能会产生强烈的笑容。