Использование jQuery для добавления компонентов в файл glTF в A-Frame?

Question

У меня сцена A-Frame с тремя моделями gltf.

Я пытаюсь программно запускать анимацию, и я не уверен, что делаю неправильно.Наверное, что-то очень очевидное, я признаю.Но после нескольких часов исследований и возни, должно быть, есть что-то очень простое, что меня не устраивает.

Будь милым - мой ди-джей не совсем красив.Это огромная работа в процессе.

Проверьте проект Glitch для большего контекста, но это, вероятно, проблема, потому что я использую jQuery для хранения сущности (см. Ниже).Правильно?Это почему?Если так, что мне с этим делать?

function triggerClip(model, clipToPlay, clipDirection) {
  model.setAttribute('animation-mixer', {
    clip: clipToPlay,
    timeScale: clipDirection
  });
}

РЕДАКТИРОВАТЬ: После внесения изменений , предложенных Диего , анимация воспроизводилась, но я все еще получал предупреждения о том, что timeScale не распознается.Мне пришлось обновить версию дополнений A-Frame, чтобы она работала как положено.

Answer 1

jQuery оборачивает собственные элементы DOM в свою собственную структуру.Для доступа к нему необходимо сделать следующее:

 model[0].setAttribute('animation-mixer', {
    clip: 'step' + clipToPlay,
    timeScale: clipDirection
  });