Control a timeline from within Edge Animate

[lucto_et_emergo 0 Likes (Newbie)]

I want to control my GASAP timeline that I have created in Adobe Edge Animate so this is what I do.

 

//declare my variables

var square1 = sym.$("square1");

square2 = sym.$("square2");

square3 = sym.$("square3");

square4 = sym.$("square4");

 

 

var tl = new TimelineLite();

 

//my simple timeline

 

tl.to(square1, 2, {x:445})

  .to(square2, 1, {x:-150})

  .to(square3, 1, {y:"-=160"})

  .to(square4, 1, {y:"-=160"})

 

 

sym.$("pauseBtn").click(function() {

tl.pause()

});

 

sym.$("playBtn").click(function() {

tl.resume()

});

 

and so on... (yeah I figured it out and this is the course I used to figure it out

 

http://greensock.com/sequence-video

 

AWESOME

easing_2.html

[GreenSock 8,117 Likes (Superhero)]

Nice to see you using GSAP in Edge Animate. Were you just sharing an example to show others how it can be done, or did you have a question for us? I just wanted to make sure I wasn't missing anything.