Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
lucto_et_emergo

Control a timeline from within Edge Animate

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

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
 
 
AWESOME

easing_2.html

Link to comment
Share on other sites

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. 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×