Jump to content

Search the Community

Showing results for tags 'morphsvg shapeindex'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • GreenSock Forums
    • GSAP
    • Banner Animation
    • Jobs & Freelance
  • Flash / ActionScript Archive
    • GSAP (Flash)
    • Loading (Flash)
    • TransformManager (Flash)

Product Groups

  • Club GreenSock
  • TransformManager
  • Supercharge


There are no results to display.

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



Personal Website



Company Website



Found 1 result

  1. 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