Jump to content


Bubbles Smooth Animation

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


Would you please think with me on how to make such animation


What I found special is that lines connect to each other when they become close and also get separated when moving away. 

Also about the moving shape, should we create an array of points where the shape morph to or there may be another better way for doing this

Link to comment
Share on other sites

Hello Feras and welcome to the forums.


I think that site wants you to buy the effect :) 


But to help you search for similar tutorials and such, the effect is called "meta balls". It's usually (always?) done using filters and some movement.

  • Like 1
Link to comment
Share on other sites

Thank you ZachSaucier

Actually I already bought it but also want to learn how to do it.

I will check the meta balls and hopefully I will find some good resources.

Thank you very much ☺️

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