Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by Joostan

  1. Carl & Jack, Thanks for for your time, perspectives and examples. I'm back to the drawing board to get rid of the bad odour.
  2. 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.
  3. 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 <1> <2> <3> <.... --------------------- button.clickEvent -> 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.
  4. 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
  5. 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
  6. 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.
  7. 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!
  8. 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.
  9. 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
  10. 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
  11. Joostan


    Thank you. 'noice' work on DrawSVGPlugin, i'm plugging that one in! http://greensock.com/docs/#/HTML5/GSAP/Plugins/DrawSVGPlugin/
  12. Joostan


    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