如何在 three.js 上创建带滑块的变形动画？

Question

我在搅拌机上创建了变形动画（默认：苗条头像和形状键：胖头像），现在我试图将其导出到 three.js 并使用滑块显示它。因此，当向右或向左拖动滑块时，头像会改变其形状，变得更胖或更苗条。但我不知道如何在 javascript 中编写此功能。有人可以帮我吗？

Answer 1

您可以使用 dat.gui 作为滑块和 morphTarget 来影响顶点位置。

您可以阅读此示例的源代码。

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

但基本上，您将 morphTarget 推到 geometry 并使用 mesh.morphTargetInfluences 来影响变形目标顶点的影响。