Jump to content


Is it possible to achieve this water effect with GreenSock?

Recommended Posts

I've seen this amazing effect in this site I would really love to see if it is possible to replicate with GreenSock.
If so, could you guys point me in the right direction?



Link to comment
Share on other sites

Yes, in fact that particular effect is done using PIXI JS.


Lucky for us @OSUblake, one of the superstars we have around here is quite a PIXI/GSAP and anythign you throw at Him expert, so He has you covered regarding samples.

The title says everything here:

See the Pen gmPQWX by osublake (@osublake) on CodePen


Here is something that looks similar but is achieved in a different way:

See the Pen QVozey?editors=0010 by osublake (@osublake) on CodePen



See the Pen qmXPMm?editors=0010 by osublake (@osublake) on CodePen


As you can see this is done using PIXI's displacement filter which can be used with GSAP and the PIXI Plugin.


Hopefully these will help you get started.


Happy Tweening!!

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