animation - 如何使用 onmouseover 事件控制 aframe 中的 .gtlf2 网格动画？

Question

我正在尝试控制(开始/停止)鼠标悬停时的 gtlf 动画。我找到了一个很好的例子，但它依赖于 .json 格式的模型:

示例:https://rexraptor08.github.io/animation-controls/

来源:https://github.com/rexraptor08/animation-controls

问题是我无法再从 blender 导出 .json 格式，因为插件已被删除:https://github.com/mrdoob/three.js/tree/dev/utils/exporters/blender

有人知道如何实现这个目标吗？

Answer 1

您可以使用 animation-mixer 来使用 glTF 动画组件。

首先，您需要使用 Kupoman's exporter 导出模型。我使用过 Khronos 第一组，但它在导出具有多个动画的模型时遇到问题。

导出模型后，只需包含 aframe-extras ，这样你就可以使用动画加载器了。

然后你可以像这样使用它:

<a-entity gltf-model="url(model.gltf)"
   animation-mixer="clip: DoStuff;"></a-entity>

<小时/>

如果您想通过任何事件启动动画，只需创建一个 component ，这将设置animation-mixer:

this.el.addEventListener("click", (e)=> {
  this.el.setAttribute("animation-mixer", "clip", "DoStuff") 
})

另外请务必查看 Don McCurdys guide .