为model.js创建“动画”ThreeJS

Question

几天来，我一直在为一个项目玩ThreeJs，现在我正在尝试渲染动画3D模型。由于我在3D设计/兼容性方面没有背景，所以我不能在这个框架中得到关于不同加载器的所有权衡。

尽管如此，我最近发现这个例子的作者直接使用了一个model.js文件。这个文件是一个散列，其中键是三个属性，包括包含morphTargets作为数组的verticles值(我想这些是关键帧)，它和faces数组一起用于从初始的verticle数组中“动画”，就像循环一样。

经过几个小时的调查，我想知道作者如何结束创建这个flamingo.js-like文件，以及基于不同的3D模型在自己身上创建的最佳方法是什么。此外，我开放使用任何软件/技术，因为我只是寻找一个正确的工作流程，以提取这些数据从任何其他动画3D模型可以在线。

编辑:我尝试使用ThreeJS编辑器使用几何学选项导出数据，但它不支持动画。

Answer 1

我建议您在像Blender这样的3D建模工具中创建您的动画。根据用例，您可以使用框架动画或变形目标动画，然后通过glTFExporter导出您的资产。glTF在three.js和推荐的3D格式中得到很好的支持。有关加载3D模型的更多信息，请参阅以下指南：https://threejs.org/docs/#manual/introduction/Loading-3D-models