Multiple keyframes creating an infinite loop
firynth opened this issue · 3 comments
firynth commented
function animatePrinny() {
$("#prinnyDOOD").playKeyframe({
name: 'slideUpHalf',
duration: "3000ms",
iterationCount: 1,
"complete" : function(){
setTimeout(function() {
$("#exclamation").show();
}, 200);
loadAudio("tindeck_1.mp3", function() {
$("#exclamation").hide();
$("#prinnyDOOD").playKeyframe({
name: 'slideUp',
duration: '500ms',
iterationCount: 1,
"complete" : function() {
loadAudio("thanksdood.wav", function() {
$("#prinnyDOOD").playKeyframe({
name: 'slideDown',
duration: "500ms",
"complete" : function() {
playAnimation();
$("#prinnyDOOD").resetKeyframe();
}
});
});
}
});
});
}
});
}This code causes the animations and the sounds to play infinitely, causing the audio files to get louder and louder and louder. It didn't happen before the latest update.
krazyjakee commented
Thanks for the report. Could you please create a minimal example is jsfiddle or codepen so I can recreate this issue?
EDIT: I got it, thanks very much! https://jsfiddle.net/x3ou8ejv/
krazyjakee commented
The fix is in 1.0.3 now deployed.
Check this working example: https://jsfiddle.net/x3ou8ejv/
firynth commented
Looks like that fixed the issue. Thanks!