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 de en en fr en en ca en en en en en en sv sv en en en en en en en en en en en en fa en en en en en en fi hbs_lat en en en en en en en en en de es en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en sv it en en en en en it en en en en en en fr en nb en fr en en en en en en en fr en nb en fr en en en en en en en en en hbs_lat en en en en en en hbs_lat en en en en en ru en en en en en en sv ru en en sv en pl en es en en en en en nl en es en en en en 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
Carl & Jack, Thanks for for your time, perspectives and examples. I'm back to the drawing board to get rid of the bad odour.
Joostan replied to Joostan's topic in GSAP
Apologies, i should have just posted it the first off but was trying to save time. Here is the pen. If i click around on the buttons quick enough elements get left on the stage, because the new tween starts before the end of the previous.
Thanks for your feedback. I agree with your comment "unresponsive to user clicks". So what is the best practice approach so that the user is not restricted and the tweened elements are not left stranded on the "stage" obstructing the incoming tween, because a new animation was called. ...thinking. Would it be something like: ---------------------- -many -different -tweens -... ---------------------- buttons         creates timeline and add that tween If another button was clicked it is added to the timeline, in a queue. The user would still have to wait to see the effect of that last clickEvent. Hmmm, maybe if a button was clicked during a tween, stop that tween immediately and somehow clear all elements, then start then last chosen tween. I'd be interested in your thoughts.
Joostan posted a topic in GSAP
Hello there, How do i check isActive() across ALL timelines so that i can prevent further animations running until all is NOT active. I have forked pen "check isActive()" to help illustrate my case as seen below but do not know how to proceed. I am: - using an object organise my timelines. - trying to prevent multiple animations occurring simultaneously from user input selection. I have also looked at this gsap post which looks like the user solved a similar issue but was not documented. Many thanks Joostan
Thank you Jack. Aha, you placed all the functions in an object to make them easier to access. I really need to learn more javascript, i find it so fiddly! Justin
Joostan posted a topic in GSAP
Good afternoon, imagine a number of elements that need to be tweened onto 'stage' and off 'stage' depending on the user selection. How on earth do make a call to a timeline in a function from a number of buttons? Maybe there is a better approach to my attempt in the pen line 65. Thank you for taking the time to look at this post.
A more reusable set-up
Joostan replied to Joostan's topic in GSAP
Thanks taking the time to reply, and your great GSAP tool. The pause, invalidate & restart works well. Pen updated. I will experiment further with the pause invalidate().restart but it is good to hear that its fine to call it all from the click() handler. I just find javascript so unruley!
play does not play over
A more reusable set-up
Joostan posted a topic in GSAP
Hello, i have a scenario, where i wish to animate elements from the last position to the new one depending on a large set of button options. How do i make make code modular so not have the timeline in the click event function. Please see pen.
play does not play over
drawSVG circle IE flipped
Joostan replied to Joostan's topic in GSAP
Hello PointC, Your post does indeed unearth IE and other inconsistencies in the browsers using drawSVG: Animating SVG circle strokes from the 12 o'clock position with DrawSVG Thank you
drawSVG circle IE flipped
Joostan posted a topic in GSAP
Hello tweeners, drawSVG - circle I'm getting the reverse behaviour on IE in contrast to Chrome and FF. In my simple example Chrome and FF animate leaving a "u" shape, while in IE leaves a "n" shape. Any work-a-rounds? Regards Joostan
Joostan replied to Joostan's topic in GSAP
Thank you. 'noice' work on DrawSVGPlugin, i'm plugging that one in! http://greensock.com/docs/#/HTML5/GSAP/Plugins/DrawSVGPlugin/
Joostan posted a topic in GSAP
Good morning people, Could somebody explain why the 'strokeDashoffset' in the following pen will not animate? http://codepen.io/Joostan-33/pen/kkYEpk Inspecting the element in the DOM and manually manipulating the 'stroke-dashoffet' i can easily animate property. images attached. Thanks
“GSAP is just miles and miles ahead of any animation library out there. Great work!”
“With the incredible functionality, and the mind-blowing customer service, the price of Club GreenSock admission is well worth it!”
“If every library were as robust and reliable as GreenSock’s, the world would be a much better place for software engineers and their clients. I can't think of a better designed or better performing tool, and as a bonus, it's fun as heck to play with.”
“GSAP was a revelation for me to be compared with the introduction of jQuery”
“I think I love GreenSock as much as bacon.”
“Go and browse through FWA or Awwwards, then view source of anything you see that has cool animation and you will be surprised how widely GSAP is used.”
“Honestly think without TweenMax, I'd of changed careers by now; it's that good.”
“Performance has been of paramount importance for GreenSock, so there is always peace of mind for us, developers.”
“No other animation library is as intuitive, rigorous, conceptually simple and well curated as GreenSock’s”
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.