【问题标题】:How can I create a morph animation with sliders on three.js?如何在three.js 上创建带有滑块的变形动画?
【发布时间】:2015-11-28 12:18:06
【问题描述】:

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

【问题讨论】:

    标签: javascript animation three.js slider blender


    【解决方案1】:

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

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

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

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

    【讨论】:

    • 什么是 morphTargetInfluences 以及它们是如何工作的?
    • 变形目标是几何顶点位置的集合,用于在它们之间进行自动插值。您可以使用 morphTargetInfluences[0]、morphTargetInfluences[1]、morphTargetInfluences[nSet] 中编写的不同顶点位置实时更改几何外观。 stackoverflow.com/questions/17952916/morph-targets-three-js
    • 如果您认为答案回答了您的问题,请接受并投票赞成。
    猜你喜欢
    • 2022-11-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-12-25
    • 2013-06-30
    • 2020-05-09
    相关资源
    最近更新 更多