DD77

Members
  • Content Count

    128
  • Joined

  • Last visited

Community Reputation

7 Newbie

About DD77

  • Rank
    Advanced Member

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. DD77

    Drag svg along the path

    Hello, I trying to have a smooth dragging animation which almost works. The only missing parts that I'm struggling with are: - I'd like to have the knob following the path along the line. - second id like to have a onComplete function once the knob are at the end of the line. - also anyway I can make the knob draggable in a better way? is difficult to "grab it with the mouse". Any help is much appreciated. , onComplete:function(){ console.log('do the magic'); }
  2. DD77

    SVG animation

    @PointC if you could check that would great. https://codepen.io/davide77/pen/WaWaNE?editors=1010
  3. DD77

    SVG animation

    Hi @PointC this is what I achieved with your amazing support! I'm not sure, but if I click twice on the same button, it doesn't restart the animation. I was hopping you could spot the issue! Thanks in advance
  4. DD77

    SVG animation

    Sure! all the best and thank you
  5. DD77

    SVG animation

    DO I need to call the doCoolStuff function again?
  6. DD77

    SVG animation

    I should open again in order to have the animation restart?
  7. DD77

    SVG animation

    it should have a value close right?
  8. DD77

    SVG animation

    var newAnim = new TimelineLite({paused:true});
  9. DD77

    SVG animation

    the if is setting the states if (toggle === "closed") { toggle = "open"; }
  10. DD77

    SVG animation

    I tried something like that, if(toggle = "open") { anim.pause(); }else { anim.play(); }
  11. DD77

    SVG animation

    Something like this perhaps? is not stopping though... function onReverseComplete() { anim.play(!anim.reversed()); }
  12. DD77

    SVG animation

    I’ll give it a go tomorrow first thing! I’m on my mobile now! Thanks for your magnificent help!
  13. DD77

    SVG animation

    I will play a bit more tomorrow. something like this? $(this).click(function(){ anim.play(); })
  14. DD77

    SVG animation

    Something liek that? but now sure where to implement it. onReverseComplete: function () { }
  15. DD77

    SVG animation

    I would say that but I toggle just one! so I'm not sure to reverse the whole animation... function reverseAnim() { anim.reverse(); }