webvr - Aframe <a-animation>中是否有任何回调函数

当我创建a动画元素时，我想知道动画完成的确切时间。我知道“ dur”或“ begin”可以计算出大概的时间，但是当我使用a-动画时，是否有任何回调函数动画元素！

最佳答案

您可以听a-animation元素上的animationend event。像这样：

sphereAnimation.addEventListener('animationend', function () {
  sphere.setAttribute('color', '#88ff99');
});

<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
<a-scene>
  <a-plane color="#EFED5E" rotation="45 0 0" scale="3 3 3" position="0 0 -3"></a-plane>
  <a-sphere id="sphere" color="#EF2D5E" position="0 0 -3">
    <a-animation
      id="sphereAnimation"
      attribute="position"
      to="0 2 -3"
      direction="alternate"
      repeat="3"
      easing="ease-in-out">
    </a-animation>
  </a-sphere>
</a-scene>

关于webvr - Aframe <a-animation>中是否有任何回调函数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37695719/