您好，我正在使用 JavaScript 迈出第一步，也正在使用 three.js。
即使它使用 json 加载器加载，此示例的动画 http://threejs.org/examples/#webgl_morphtargets_horse 也是 .js 而不是 .json，它看起来像这样：https://github.com/mrdoob/three.js/blob/master/examples/models/animated/horse.js
如何从使用 Blender 制作的动画中获取类似的文件？目前我知道我有一个到 json 但没有到 js 的 three.js 导出器。或者也许有办法将json转换为js？
非常感谢您的帮助
【问题讨论】：
标签： json three.js converter blender
欢迎来到 Javascript/WebGL 世界！
两种不同的东西。 JS是代码； JSON 是对象的字符串表示形式（在本例中为网格、变形等）。查看JSON official site 或谷歌以获得更温和的介绍。
在示例中，JS 是：
var x = 0.1;
console.log(Math.floor(x));
虽然 JSON 看起来像：
{
"obj": "cool",
"count": 1
}
您会特别感兴趣的是 horse file is JSON，只是带有 .js 扩展名。这就是我从three.js 导出器中得到的。异步函数不关心扩展名（可能是“horse.foo”）； three.js 只是尝试在提供的 URL 处获取文件并将字符串解析为 JSON（匹配 three.js 的格式）。
直接跳到codepen example 到 TL;DR。
使用 three.js 示例作为起点非常棒。我倾向于为此使用本地服务器，从长远来看它们不会持久（我将它们关闭，它们着火等）。所以我制作了horse example on codepen 的副本。它只是您引用的示例的完整克隆，但带有 codepen 资源。我会从 fork 开始，然后从那里开始工作。
听起来好像您在使blender three.js exporter 正常工作方面取得了一些成功，所以我会这样做。您可以将该 JSON 作为另一个代码笔发布并像我在 (slightly modified) fork 中那样引用它。
对于我的例子，我把这个animated ... thing（我不是艺术家）放在一起。请注意有问题的动画是如何从第 0-30 帧运行的，与以下代码所要求的相同：
var clip = THREE.AnimationClip.CreateFromMorphTargetSequence('gallop', geometry.morphTargets, 30);
希望这能解决您的问题。
【讨论】：