Jump to content
Search Community

Liquid shape

Mat_ test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi everyone, 

 

I'm totally new to greensock and I have some questions.

I'd like to know if GS is the tool I need to realize a "simple" animation.

The idea is to animate a simple shape, like this one :  to make it wave a little. Nothing too fancy.

 

If it is, can you point me where to start please ? Thanks a lot !!!

 

Best regards,

 

Mat

 

See the Pen mWNpBo by Mat_ (@Mat_) on CodePen

Link to comment
Share on other sites

Check out the MorphSVGPlugin...

https://greensock.com/docs/#/HTML5/Plugins/MorphSVGPlugin/

 

It's a paid plugin, but you test it out for free on CodePen...

See the Pen rOjeRq?editors=0010 by GreenSock (@GreenSock) on CodePen

 

Thanks OSUblake, I think that the effect is almost the same that I see on the cape of the hero. Any tutorial available to reproduce it, to see if it's in my skills ? 

Thanks !

Link to comment
Share on other sites

That's pretty complicated. How are your JS and SVG skills? Animating the control points of a path is probably the easiest way to do something like if you don't want to use the MorphSVGPlugin. 

 

Here are some good threads about animating waves...

https://greensock.com/forums/topic/15603-getting-control-points-of-a-wave-svg-and-use-it/

https://greensock.com/forums/topic/15119-how-to-make-a-bouncy-line-with-gsap/

https://greensock.com/forums/topic/15270-animating-waves-with-gsap/

  • Like 3
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...