Jump to content


Dragging through liquid effect

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

Found this site in your examples tab - and was wondering if this can be recreated/approximated with GSAP or if additional platforms would be required. (I'm talking about the dragging through liquid animation with resulting ripples)




Link to comment
Share on other sites

Looks like that site is using Three.js



You'll definitely need to use canvas/WebGL on something like that for the best performance. GSAP is an animation engine. It doesn't do any of the rendering. It doesn't care what you're animating — DOM, SVG, canvas. If it has a numeric value and JavaScript can touch it, GSAP can animate it for you.


Happy tweening.


  • Like 2
Link to comment
Share on other sites

got it - thank you


Link to comment
Share on other sites

  • 1 year later...

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.