Как получить названия анимационных клипов из 3D-объекта GLB в A-Frame?

Question

Я создал простую сцену в A-FRAME и импортировал объект 3D GLB, который содержит 3 анимации.

Теперь я хотел бы получить имена этих анимаций, используя чистый 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 

, чтобы убедиться, что свойства не undefined, вам следует подождать, пока не будет выдано событие 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
})