Gibt es eine Callback-Funktion in Aframe <a-animation>

Question

Wenn ich ein Element von a-Animation erstellen, möchte ich den genauen Zeitpunkt wissen, wann die Animation beendet.Ich weiß, die "dur" oder "begin" kann die ungefähre Zeit berechnen, aber Gibt es eine Callback-Funktion, wenn ich das A-Animationselement verwende?

Answer 1

Sie können die animationend event auf dem A-Animation Element hören. Wie so:

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

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