Fatal编程技术网
  • javascript/
  • Javascript 如何在three.js上使用滑块创建变形动画？

Javascript 如何在three.js上使用滑块创建变形动画？

javascript animation three.js

Javascript 如何在three.js上使用滑块创建变形动画？,javascript,animation,three.js,slider,blender,Javascript,Animation,Three.js,Slider,Blender,我在blender上创建了一个变形动画（默认值：纤细的化身和形状键：胖的化身），现在我尝试将其导出到three.js并使用滑块显示。因此，当滑块向右或向左拖动时，化身会改变其形状，变得更胖或更瘦。但我不知道如何用javascript编写这个功能。有人能帮我吗？您可以将其用作滑块和变形目标来影响顶点的位置 您可以从这个示例中读取源代码 但基本上，您可以将morphTarget推送到并使用网格。morphTargetInfluences来影响变形目标顶点。什么是morphTargetInfluen

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

您可以将其用作滑块和变形目标来影响顶点的位置

您可以从这个示例中读取源代码

但基本上，您可以将morphTarget推送到并使用
网格。morphTargetInfluences
来影响变形目标顶点。

什么是morphTargetInfluences以及它们是如何工作的？变形目标是几何体顶点的位置集，用于在它们之间进行自动插值。可以使用在MorphTargetFluences[0]、MorphTargetFluences[1]、MorphTargetFluences[nSet]中写入的不同顶点位置实时更改几何体外观。如果你认为答案能回答你的问题，请接受并投票表决。