A帧动画混合器。如何在 json 模型动画剪辑之间平滑过渡？答案

【问题标题】：A-frame animation-mixer. How do I transition smoothly between json model animation clips?A帧动画混合器。如何在 json 模型动画剪辑之间平滑过渡？
【发布时间】：2023-03-09 10:31:01
【问题描述】：

我最近刚开始使用 A-Frame，我对动画混合器有疑问。

我正在开发一个 webVR 项目，我需要为一个装配好的 json 模型制作动画。到目前为止，我已加载模型并在空闲状态下制作动画：

<a-entity    
            id ="myModel"
            scale="1 1 1"
            position="1 0 -2"
            rotation="0 0 0"
            animation-mixer="clip: idle"   
            json-model="src: url(/models/json/myModel.json);">

</a-entity>

我可以通过设置属性将动画状态更改为运行状态：

document.querySelector('#myModel').setAttribute("animation-mixer","clip: run");

但是这样做会导致动画的突然变化。有没有办法混合动画以使其过渡更平滑？

我尝试过研究 Three.js，似乎有可能，但我只是不确定如何使用 A-frame 来解决它。任何代码 sn-ps 或示例链接都会有很大帮助。

谢谢！

【问题讨论】：

好问题！此时animation-mixer 不支持交叉淡入淡出，但正如您指出的那样，three.js 支持。所以有必要给组件打补丁，或者基于它制作一个自定义组件。

标签： json animation model three.js aframe

【解决方案1】：

Good ol' Don McCurdy 更新了他的动画混合器组件，以便现在可以做到这一点。看看这个。包括一个工作示例的链接。

https://github.com/donmccurdy/aframe-extras/tree/master/src/loaders

【讨论】：