en en en en en en en en en en en en en en en en fa en en fr hbs_lat en en en es en en en ms en de en fr en en en ca en en en en en en en en en en en en en en en fr en en en en en en en fa en en fr hbs_lat en en en es en en en ms en en en en en en en en en en en en en fi en en en en en en en en en en en en en en de en en en en en en en en en en en ca en en en en en en en en en ca en en en en en en en en en en en en en en en en en en en ca en en en en en en en en en en tr en en en en en en en en en nl en en es fr en en en en en en en fr en en en en en en en fr nb en en fr fr en en en en en fr en en en en en en en en nb en en en en fr en en en en en en en en en nb en en en en ru fr en en en en en en nl nb en en nl fr en en en en en en en fr en en en en en en en nb en en en en en en fr en en en en en en fr en en en en en fr en en en en en fi en nb en fi en fr en en en en en fr en en en en en en fr en en en en en en fr en fr en en en nl en pt en de en it en en en en en en en en en fr cv es tr es en en en en ms en en en en en en fr en hbs_lat en en en en en en en fr cv es tr es en en en en de en en en ca en en en en en
tweenfromto Animation not stopping at label
Antonio78 posted a topic in GSAP
timdt posted a topic in GSAP
Codepen doesn't work btw dont know why.. Hey guys what i want to do: animate them out of the screen then animate them all 3 at once back. How do i do this? i commented out the .from because it will do that first and then the rest of the code. Why is this? Ty guys
Problems with DRAWsvg PLugin in a TimelineMax
Rushmore posted a topic in GSAP
Good evening, We having some problem with Drawsvg Plugin. I try to explain what is our problem: In this case, I have a Timeline, with the three states of some button ( the labels "over", "out" and "cli" severaly). In the third state ( the last), it launch the event "click" to execute the code in the "cli" Label. But, as we could see in the developer inspector, the property stroke-dasharray has changed when the DrawSVG is doing when we don´t change this element (polyline class="st1") in anytime. In the inspector you can see this value: stroke-dasharray: 0px, 999999px; Here we put the URL of the codePen that I make like a example: http://codepen.io/stoicom/pen/rrdAJj If you should take a look, and tell me which could be the problem, or error? Thank you very much for yout support. Best Regards!! Rogelio Silván.
Getting tweens, labels and function calls from a timeline
Manfrex posted a topic in GSAP
Hello! I am building a timeline visualizer, that you can easily connect with any timelines you've made with gsap. The idea is to represent the timeline visually, and let the user scrub through it. It's easy to visualize the labels, since there is a _labels property on each timelinelite instance. However, what I would like to know is: Is there any good way to get a reference to all tweens within a timeline, and all function calls? I'd like to know the time and duration of all tweens within a timeline so I can represent them visually, and also the time and name of all function calls within a timeline. Is this possible? Thank you. /Alexander
timelineMax: Is it possible to move labels dynamically after creation?
shongololo posted a topic in GSAP
Is it possible to move labels around dynamically after they have been created? The reason I ask is that the parameters of my tweens are changing dynamically in realtime. If the start and end point of the tween moves, then I have to remove the tween from the timeline, and insert a new tween with the new parameters. What would be very nice, is if I can create the tweens based on labeled positions, and then move those labels dynamically...with the start points of those tweens moving accordingly. Is this possible? Thanks.
How to assign a label to a sequence which is already relative to another label
richbai90 posted a topic in GSAP
Does anyone know if it's possible to assign a label to a sequence when that sequence is already relative to another label? for instance: tl.to("#redBox", 1, {x:550}, "start") .to("#blueBox", 1, {x:550}, "start+=0.05", "second") .to("#greenBox", 1 {x:550}, "second+=1"); You can see the codepen here http://codepen.io/anon/pen/vLtlg But from this snippit you see that the bluebox starts relative to start, and I want greenbox to start relative to bluebox. Is this possible?
Infinite repeating and labels
l_andrew_l posted a topic in GSAP
Hello... first of all amazing library, so useful. I've been getting to know the library and am trying to make a single master timeline that has different "scenes", then user interaction can play from one scene to the next, stop, and wait from user input. One thing I've found, however, is that if you have an infinitely repeated animation, this will effectively push the playhead to a huge time in the future (representing "infinity" i'm assuming), then any label added after this will be at that point in the future. Very simple example here: http://jsfiddle.net/NK3pe/2/ I don't want to jump to conclusions and my approach might certainly be wrong, but wouldn't it make more sense that infinitely repeated animations should not affect the timeline head, as it's assumed that you wouldn't/couldn't put anything after them anyway? I've looked around the forums and have seen example that pull the tween out of the flow and use callbacks to restart it, etc, but is all that really necessary or is there a simple way that I'm missing? The problem wouldn't be so bad except that even nested timelines affect their parents, so even one nested repeating animation will effectively push the master's playhead out to infinity. Also, I realize that I can add an absolute position to subsequent tweens, but then I would have to add them to ALL tweens after a repeated one, and have to tweak each one if an earlier animation duration changed, etc... Is there something basic I'm missing here?
marko posted a topic in GSAP
hi as well as playing back an animated visualisation I want to users to be able to jump from point to point. If I set labels in the animation they point to the start of an animation sequence not its end point. While I can use getLabelAfter() etc + an offset that seems a kludge Is there a means to go to a label play back that sequence & stop? I've got a simple codepen derived demo at: http://thisthen.co.uk/gsaptest/ Mark
NewBee posted a topic in GSAP (Flash)
Hi - In the video it shows how you can animate between Home, Schhol, Work and Movies. Labels on the stage. I am trying to do this in Flash CS6. I have 4 buttons, and 4 labels with a Flash Tweened animation. I can not find any downloads in Flash and am a bit stuck. Can ayone point me in the right direction please? http://active.tutsplus.com/tutorials/animation/timelinelite-ultimate-starter-guide-introduction/
Stopping timeline at Labels
DeltaFrog posted a topic in GSAP
I see that I can start the animation from a label with tl.play("skew") but is it possible to stop the animation at a label? Thanks
paulbr posted a topic in GSAP
I have a short slideshow with animated slides. I'm trying to have some buttons call up each slide as they are clicked but I'm having trouble getting the buttons to function. I suppose I am having difficulty understanding how to apply labels and how to skip to those labels in the timeline from a click. Does anyone know of a tutorial that covers this kind of stuff? Thanks.
“Every time a new GSAP plugin is introduced, I'm close to bursting from excitement. The simplicity of the GreenSock API makes learning and applying these tools in projects such a dream.”
“Truly, you folks on this forum are the nicest, least judgmental, helpful people I've ever encountered.”
“GSAP should be the default when it comes to Javascript animations. It should literally be part of the next Javascript update.”
“GSAP and CSS Transitions: I've done both, and its like comparing an F16 to a horse. Take like 10 minutes to try.”
“This is why I have absolutely no issues with paying for a subscription to GSAP, great product and awesome forum!”
“Massive shoutout to GreenSock for having an amazing product with fantastic documentation, hugely talented support staff and an active and helpful community. If you do anything with web animation you should *definitely* be using them.”
“There is no doubt that GreenSock is currently the best available tool for creating astonishing interactive websites and animation effects.”
“I was astonished by the speed and versatility of animating with GSAP.”
“GSAP is awesome - I just dropped all my [custom] code, like a thousand lines of code and everything is so so much simpler, smoother and much easier to read for other developers! You have no idea how cool it is to offload that thought process to you guys!”
Sign Up For Our Newsletter
Get the latest updates on GreenSock products, exclusive offers, and more right in your inbox.
Your information will always be kept confidential.
Thanks for signing up!
Now you'll begin receiving the latest GreenSock updates, exclusive offers, and more right in your inbox. Welcome aboard.