GSAP animation on codepen

Added interactivity to my SVG animation

I’ve been doing some more simple experiments with SVG animation using GSAP, and amended my chicken-in-a-fokker scene on Codepen that I wrote about in the last article.

chicken fokker drop bomb

I’ve added a pause in the timeline, and a button that unpauses it.

/* click button to start animation */ {

You can call functions at a certain point in a GSAP timeline, which will be handy. That’s how I called the pause function.

dropBombTL = new TimelineMax({repeat:-1});
   // lots of timeline stuff here
   // more timeline stuff here

function pauseTL(){

You can find the full, interactive thing on Codepen here.