Three.js - 头像动画

Posted

技术标签:

【中文标题】Three.js - 头像动画【英文标题】:Three.js - avatar animation 【发布时间】:2015-09-09 14:47:38 【问题描述】:

我有一个关于three.js 库的问题。我想知道如何创建一个动画,其中从 Blender 导出为 Collada 格式 (.dae) 的头像使用 WebGL (three.js) 库而不是 Blender 移动手臂或腿。

【问题讨论】:

你检查过examples吗? 我在示例中没有看到类似的内容。我不想导入动画,我想用three.js 库创建动画。这些示例大部分是从某些 3D 计算机图形软件导入的动画。 对不起,我看错了。 This 可能就是你要找的东西@Erica Okamura 我想操作 Collada 文件,而不是 JSON。我曾尝试在 Blender 上安装 JSON 插件,但无法正常工作。 无论你导入什么文件格式,运动/动画代码都是一样的。 【参考方案1】:

我总是在 Cinema 4D 中建模并将其导出为 .fbx 格式。

在 blender 中导入 fbx 文件并导出为 JSON(使用 three.js 导出插件)。 如果你在 Three.js 中加载这个 JSON 文件,你会得到像反射这样的值。

也不确定为什么要让 .dae 文件与 Three.js 一起使用..

【讨论】:

我现在正在尝试在 Autodesk 3ds Max 中使用 JSON 格式。但是,从 3ds Max 导出的 JSON 文件不显示任何骨骼数据。因此,我无法使用 three.js 库创建任何动画。你知道问题可能是什么吗? 这可能会帮助你blog.romanliutikov.com/post/60461559240/…

以上是关于Three.js - 头像动画的主要内容,如果未能解决你的问题,请参考以下文章

动画 GIF 作为 THREE.js 中的纹理

在three.js中播放特定部分的网格动画

Three.JS - 没有皮肤的 DAE 动画

如何在 Three.js 中处理动画模型?

使用 Three.js ObjectLoader 正确渲染动画

three.js笔记