Jump to content
Search Community

(Dumb Question Incoming) How do I make TweenLite static?

Burdock test
Moderator Tag

Go to solution Solved by GreenSock,

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'm trying to make some animations based on mouse location and scroll ~ but the Tweenlite *Autoplays* (aka finishes the animation instead of staying on that frame).

So how do I make Tweenlite static so I can manually change frames it via Tweenlite.progress() ? I am having a little trouble finding it in the documentation.

 

Thanks, Daniel  

 

..... I posted the local file .... *Facepalm* but I cant edit it 

See the Pen TestServer by Users (@Users) on CodePen

Link to comment
Share on other sites

  • Solution

If you're just asking how to make a tween not auto-play, there are two ways:

//just set paused:true in the vars:
var t = TweenLite.to(e, 1, {x:100, paused:true});

//or pause() it right away:
var t = TweenLite.to(...);
t.pause();

The same goes for TimelineLite or TimelineMax instances. You get total control of pretty much every aspect of your animations :)

 

Does that answer your question? 

Link to comment
Share on other sites

Thanks man! Works like a charm now ~ Time to ditch my old JSql animation libraries, this seems to cut runtime by a good 20%~  

 

Edit: Ok.., ok yeah sleep... Im just happy to get a dynamic parallax templet working that does not cause servers to burst into flames XD  

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.
×
×
  • Create New...