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

How can I create a morph animation with sliders on three.js?

本文关键字：变形动画 three js 创建更新时间：2023-09-26

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

可以使用data。gui作为滑动条和morphTarget来影响这个的顶点位置。

你可以从这个例子中读取源代码。

http://threejs.org/examples/webgl_morphtargets

但是基本上，你把morphTarget推到几何体上，并使用mesh.morphTargetInfluences来影响变形目标顶点的影响。