[MorphSVG smooth transition]

1 hour ago, mikel said:

Hey @FirstAsianinSpace,

 

Welcome to the GreenSock Forum.

 

Try to play with a simple SVG path.

 

 

 

 

Happy tweening ...

Mikel

Thank you, that was easier that i thought!😃

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

[MorphSVG smooth transition]

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?

[MorphSVG smooth transition]

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