javascript - 如何从 A-Frame 上的 GLB 3D 对象获取动画剪辑的名称？

Question

我在 A-FRAME 上创建了一个简单的场景，并导入了一个包含 3 个动画的 3D GLB 对象。

现在我想使用纯 Javascript 获取这些动画的名称，以便稍后使用它，但我不知道如何获取它们。

使用浏览器控制台我能够找到动画的名称，但无法使用 JS 收集它们。

感谢任何帮助

Answer 1

动画引用保存在 gltf-model 组件属性中:model.animations ( source )。就像 KostasX 在他的评论中写道的那样，你可以简单地获取该属性:

// better to check the glft-model, as it is responsible for loading the model
document.getElementById("GLB3D614").components['gltf-model'].model.animations 

要确保属性不是未定义，您应该等到model-loaded事件发出:

// custom component of the entity with the gltf-model
this.el.addEventListener('model-loaded', e => {
    console.log(this.el.components['gltf-model'].model.animations
})