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)
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?