Jump to content
Search Community

MorphSVG smooth transition

FirstAsianinSpace test
Moderator Tag

Recommended Posts

Hello, GSAP community, been here for a while, and i guess it's my time to join this amazing forum😄

And my question how can i make smooth MorphSVG (my demo in codepen)

 

As you can see there, it's not smooth enough. Is there better gsap solution for this kind of animation?

 

P.S. - sorry for my english✌️

Also Thank You GSAP for this amazing product💓

See the Pen xxVLJxr by firstasianinspace (@firstasianinspace) on CodePen

Link to comment
Share on other sites

Hello FirstAsianInSpace

congrats on making your first post.

That's a nice idea that you are animating with the squares and lines.

I think that you might need to give the morph plugin a little help with mapping the points between the transitions.

I wonder if you have looked at shapeIndex and the helper FindShapeIndex which are defined in the morphSVG documentation

 

https://greensock.com/docs/v3/Plugins/MorphSVGPlugin

 

Richard 

 

 

  • Like 2
Link to comment
Share on other sites

3 hours ago, Richard1604 said:

Hello FirstAsianInSpace

congrats on making your first post.

That's a nice idea that you are animating with the squares and lines.

I think that you might need to give the morph plugin a little help with mapping the points between the transitions.

I wonder if you have looked at shapeIndex and the helper FindShapeIndex which are defined in the morphSVG documentation

 

https://greensock.com/docs/v3/Plugins/MorphSVGPlugin

 

Richard 

 

 

Thank you. But can i have to ShapeIndex in one path?

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.
×
×
  • Create New...