Wave Animation + Mouse move

[Lucio Marquez]

Hi, a client has requested this hero animation for their site:
https://happyegg.com/

I've managed to create an animated svg with a timeline animation that modifies the paths of the "blob" discovering the video and showing diferent contents with a mask... but I've spent more than an entire day, trying to morph the paths according to mouse movements (with velocity / inertia / proximity parameters).

 

I see that the reference site uses lots of gsap scripts, but couldn't manage to discover how it's made.

 

thanks!

See the Pen by (@) on CodePen

[ZachSaucier]

Hey Lucio and welcome to the GreenSock forums. This was actually asked about before. Here's a relevant thread for accomplishing this sort of thing: