Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

Complex SVGMorph with loop called from Tween Function

Recommended Posts

I have a for loop that I'm using to morph two complex SVGs. This animation will morph several paths to other paths and return the color of each path. This piece works very well. However, I need to be able to call this function on ScrollMagic. The problem I face is that I cannot figure out how to execute the "for loop" within the tween. I'm basically trying to combine my codepen  (below)

See the Pen aEKXOv by phoenixwebb (@phoenixwebb) on CodePen


with this codepen (below)


I know this is probably very easy, but I just can't seem to figure this out. Can anyone please help? 

See the Pen xOoOyv by GreenSock (@GreenSock) on CodePen



Link to comment
Share on other sites

I'll withdraw the question, but wanted to post the solution in case someone else runs into the same issue. I was able to use the forum to find a solution I could get to work.


See the Pen bajrpg by phoenixwebb (@phoenixwebb) on CodePen


  • Like 2
Link to comment
Share on other sites

Hi Phoenixwebb


Welcome to the GreenSock forums. Thanks for posting your solution. Very cool.

Sorry we couldn't help you sooner. Not many around on Sunday nights.


Happy tweening and good luck on the rest of your project!



Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.