When we queue an animation segment, we pass it a duration, cue points, and keyframes. But we can also pass in other options that affect the playback of the animation segment. We can also call methods on the animation object that affect animation segments currently playing and in the queue.
Before we start messing with these, copy the content of easing-animations.js
into a new file called playing-with-the-queue.js
. Remove the call to myFirstAnimation.enqueue()
at the end; we want a little control when we get into the REPL this time around.
First, let's add a function that will enqueue our animation normally:
function playMyAnimation() { myFirstAnimation.enqueue({ keyFrames: keyframes, duration: duration, cuePoints: cuePoints }) }
Sometimes you want the animation segment you are enqueuing to run on a loop. Let's create a function in our board.on('ready')
handler that will enqueue our animation...