Question

每次此动画循环时，我都试图增加一个计数器：

<a-animation id="mainAnimation" attribute="position" from="2.5 0.5 225" to="2.5 0.5 -225" repeat="indefinite" dur="7500" easing="linear" ></a-animation>

动画永远不会“结束”，所以我不能像通常那样将动画结束：

mainAnimation.addEventListener('animationcomplete', function () {
    animationIterations++;
    console.log(animationIterations);
});

循环重复时，有什么方法可以听吗？谢谢。

Answer 1

首先，从0.9.0版开始弃用`javac - cp path ...`元素，并用<a-animation> component代替。

尽管如此，如何给动画进行一次迭代，完成后如何增加计数器并重新开始动画

animation

您需要为动画定义mainAnimation.addEventListener('animationcomplete', (e) => { animationIterations++; console.log(animationIterations); mainAnimation.emit('start') });：

startEvent

现在在每个<a-box animation="property: position; to: 1 0.5 -3; startEvents: start; dur: 500; loop: 1"></a-box>事件中，只需在实体上发出animationcomplete。在this小提琴中检查一下。

不确定动画的结束事件？

1 个答案: