Search the Community
Showing results for tags 'morphsvg shapeindex'.
Found 1 result
-
I have a wave animation that i would like to utilize the MorphSVG plugin for. I figured that going from a start to finish animation just wont be possible. So i provided multiple segments of the animation to help FORCE the plugin go a certain direction. I still cannot get a smooth wave growth from my CODE and not quite understanding what is going wrong with it. If opening my code on local, the HTML should show a lower brown area that needs have a green wave pattern that grows from the top of the brown area. There is an opacity to these shapes as well...so to simply shift a green object behind the brown is not possible. Plus i would like to have a little more life from the GREEN wave formation than a simple slide in. Also the top of the brown shape is a wave (or curve), that curve line needs to be consistent for the green shape building so as not to separate. I have tried to use the shapeIndex to find the best possible solution and i still cannot get to a final result that even has minimal issues with playback. Does any one have any more insight on these type of GSAP plugin animations. Is it possible to do something this COMPLEX? http://codepen.io/anon/pen/pgKjyY
