Как создать объект a-frame, который изменил его атрибут анимации?

Question

У меня есть <a-box> в AFRAME с <a-animation>:

<a-box scale='3 3 3' position='0 3 -8' color=red> 
    <a-animation begin=move attribute=position dur=2000 to='10 3 -12'></a-animation> 
</a-box> 

Если установить атрибут в новое значение to, а затем запустить анимацию, он выполняет анимацию, используя свои предыдущие from и to значения.

Однако, если я удалить <a-animation> из йота, а затем добавить его снова (с новым набором to значения), то теперь будет анимировать, используя новое значение.

Есть ли способ, чтобы установить новое значение to, а затем сделать <a-box>/<a-animation> осознает, что его значение to было обновлено, чтобы в следующий раз, когда я излучать beginmove, он будет использовать новый атрибут to?

Answer 1

Этот компонент анимации должен обновлять конфигурацию анимации каждый раз при изменении свойств: https://github.com/ngokevin/kframe/tree/master/components/animation. Я буду поддерживать эту реализацию анимации больше, чем <a-animation>, которая может стать устаревшей.

<a-box scale='3 3 3' position='0 3 -8' color='red' 
     animation__move="startEvents: move; property: position; dur: 2000; to: 10 3 -12"></a-box> 

document.querySelector('a-box').setAttribute('animation__move', 'to', '20 20 20');