Как я могу управлять анимацией сетки .gtlf2 в рамке с помощью события onmouseover?

Question

Я пытаюсь контролировать (запускать / останавливать) анимацию gtlf при наведении мыши. Я нашел хороший пример, но он опирается на модель в формате .json:

Пример: https://rexraptor08.github.io/animation-controls/

Источник: https://github.com/rexraptor08/animation-controls

Проблема в том, что я больше не могу экспортировать формат .json из blender, поскольку аддон был удален: https://github.com/mrdoob/three.js/tree/dev/utils/exporters/blender

Кто-нибудь знает, как этого добиться?

Answer 1

Вы можете использовать анимацию glTF, используя компонент animation-mixer .

Прежде всего, вам нужно экспортировать вашу модель с экспортером Купомана . Я использовал группу Khronos, но у нее проблемы с экспортом моделей с несколькими анимациями.

После экспорта модели просто включите aframe-extras , чтобы вы могли использовать загрузчик анимации.

Тогда вы можете использовать это так:

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

---

Если вы хотите запустить анимацию с любым событием, просто создайте компонент , который настроит animation-mixer:

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

Также обязательно ознакомьтесь с Don McCurdys guide .