Jump to content
Search Community

thomas_bck

Members
  • Posts

    3
  • Joined

  • Last visited

Posts posted by thomas_bck

  1. Hello (first of all sorry for my poor english...)

     

    I want to stop my animation (drawing svg path using timelineMax and TweenMax) at the end, I try several things but nothing works...

    My code looks like this :

    var tween = new TimelineMax()
    
    .add(TweenMax.to($path1, 2.5, {strokeDashoffset: 0, ease:Linear.easeNone})) // draw path1 for 2.5
    .add(TweenMax.to($path2, 1, {strokeDashoffset: 0, ease:Linear.easeNone}))   // draw path2 for 1
    .add(TweenMax.to($path3, 1.2, {strokeDashoffset: 0, ease:Linear.easeNone})) // draw path3 for ...
    .add(TweenMax.to($path4, 1.5, {strokeDashoffset: 0, ease:Linear.easeNone})) // draw path4 for ...
    .add(TweenMax.to($path5, 1.7, {strokeDashoffset: 0, ease:Linear.easeNone})) // draw path5 for ...
    .add(TweenMax.to($path6, 1.7, {strokeDashoffset: 0, ease:Linear.easeNone}))  // draw path6 for ...
    .add(TweenMax.to($path7, 1.5, {strokeDashoffset: 0, ease:Linear.easeNone}))  // draw path7 for ...
    .add(TweenMax.to($path8, 0.3, {strokeDashoffset: 0, ease:Linear.easeNone}))  // draw path8 for ...
    .add(TweenMax.to($path9, 0.2, {strokeDashoffset: 0, ease:Linear.easeNone})); // draw path9 for ...
    

    someone have an idea ?

     

    Thank you !

     

    Thomas

×
×
  • Create New...