【问题标题】:Creating 'animated' model.js for ThreeJS为 ThreeJS 创建“动画”model.js
【发布时间】:2018-12-25 00:57:25
【问题描述】:

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

不过,我最近发现this example 的作者直接使用了model.js 文件。这个文件是一个散列,其中键是三个js属性,包括morphTargets值包含verticles作为数组(我想这些是关键帧),再加上faces数组用于从初始@987654326“动画” @array,就像一个循环。

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

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

【问题讨论】:

    标签: three.js


    【解决方案1】:

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

    【讨论】:

    • 看来这正是我想要的。我会朝那个方向调查。非常感谢
    • 好吧,如果你不介意,我还有一个问题:我刚刚使用了gltf 文件生成器,并成功地将我的搅拌机组合输出到浏览器(感谢glb 文件) .不过,在渲染对象时,我错过了搅拌机动画部分。你有什么模式可以建议我将 gltf.animation 包含到渲染循环中吗?有没有办法让它在 gltf 加载中不工作?亲切的问候
    • 无论如何,将这个标记为已回答并打开另一个问题。
    • 是的,创建一个新问题是 stackoverflow 的正确方法。同时,如果您尝试使用three.js 播放动画,这篇文章可能会有所帮助:discourse.threejs.org/t/gltf-loading-but-not-appearing/911/…
    猜你喜欢
    • 2018-09-30
    • 2020-08-07
    • 2014-03-21
    • 2018-08-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多