Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Samuele

Gallery background follow mouse

Recommended Posts

Hi there! I saw this website in the showcase section:
https://www.davidwilliambaum.com/

I was just wondering what going on there for what concern the images follow mouse and gallery/zoom effect?
The result is really smooth!

Is there any possibility to reproduce it with GSAP? 

Link to comment
Share on other sites

We just showcase sites that use GSAP, but they don't give us their source code, so we don't know how they did that. From what I can tell, they are using canvas, which isn't that straightforward. And they are probably doing something similar to this, but adding parallax on top of it.

 

See the Pen WNErwGg by GreenSock (@GreenSock) on CodePen

 

  • Like 1
Link to comment
Share on other sites

Yeah, they are using Canvas for the image effects (which I'd imagine is being controlled by GSAP behind the scenes) the effect likely using something like quicksetter to track and animate mouse locations, and that position to determine how the canvas elements are reacting to that.

 

https://greensock.com/docs/v3/GSAP/gsap.quickSetter()

  • Like 2
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.
×