Jump to content

Deon Sosa

Members
  • Content Count

    4
  • Joined

  • Last visited

Community Reputation

5 Newbie

About Deon Sosa

  • Rank
    Newbie
  1. Here it is https://codepen.io/jorgeduardo/pen/XwRXgB
  2. Ohh I see!. It wasn't working for me cause I was reusing the variable on the new Tween so it was using the old path. Instead I just have to target the path again. Thank you !
  3. I ended up using the ideas described here. On pause I'm making a copy of the path being morph and then morphing that copy to the desired path. I'll make a pen showing the result. Thank you @mikel @PointC and @Dipscom !
  4. I didn't create a demo because I am not sure on how to approach the problem. I'll try to explain it better. Let's say I have an SVG with three paths (a,b,c). I'm morphing path a to path b back and forth using TimelineMax and morphSVG. This morph takes 20 seconds to complete. Let's say 5 seconds of the animation have passed and the user starts to scroll. Using ScrollMagic I'm trying to morph to path c from whatever the state of the svg is at 5 seconds into the animation. Hopefully this clarifies my problem.
  5. What I'm trying to achieve, is having GSAP looping trough some svgs and morphing them using MorphSVG. Then using ScrollMagic to pickup wherever the loop is and morph to a specific svg on scroll. Is this possible ? What I'm doing is initializing TimeLineMax and adding a tweenlite to morph the svg. Then using ScrollMAgic to add the other tweenlite on scroll. This does not work since ScrollMagic pauses the TimelineMax loop. Any help would be appriciated.