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

Question

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

Answer 1

您可以使用dat.gui作为滑块，使用morphTarget来实现顶点位置。

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

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

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