javascript - 如何在 Three.js 上创建带有 slider 的变形动画?

标签 javascript animation three.js slider blender

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

最佳答案

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

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

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

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

关于javascript - 如何在 Three.js 上创建带有 slider 的变形动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32362486/

相关文章:

linux - Firefox 上的 SVG,Linux 方式

javascript - three.js - 克隆纹理和 onLoad

javascript - Jquery UI Datepicker beforeShowDay 工具提示

jQuery 移动元素并页面闪烁

javascript - googlechart json javascript 的动态数组

ios - WatchKit 基本文本动画

javascript - 如何从 THREE.TextGeometry 获取文本?

rotation - Three.JS 的单位,计算旋转和轨道速度

javascript 运算符 "| "与数字

javascript - 自动反馈 JavaScript 错误