为ThreeJS创建“动画” model.js

Question

几天以来，我一直在为一个项目使用 ThreeJs ，现在我正在尝试渲染动画3D模型。由于我通常没有3D设计/兼容性的背景知识，因此我无法获得与此框架可使用的不同加载器有关的所有折衷。

尽管如此，我最近发现this example的作者直接使用了model.js文件。该文件是一个哈希，其中键是Threejs属性，包括包含morphTargets作为数组的verticles值（我想这些是关键帧），并与faces数组一起用于“动画” ”，从初始verticle数组开始，就像循环一样。

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

编辑：我尝试使用ThreeJS编辑器通过geometry选项导出此数据，但它不支持动画。

Answer 1

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