Question

我在 aframe 中有<a-box> <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值执行动画。

但是，如果我从 dom 中删除<a-animation>然后再次添加（设置了新的to值），现在将使用新值进行动画处理

有没有办法设置新的to值，然后让<a-box> / <a-animation>知道其to值已更新，以便下一次我发出begin move，它会使用新的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');

如何让a-frame实体知道其动画属性已更改？

1 个答案: