prestonl Posted September 30, 2022 Share Posted September 30, 2022 I want to animate the images so that they have a water in a cup effect. So when I scroll the carousel horizontally I want the images to somewhat mimic the movement of water in a cup when you move the cup of water. I appreciate any help you can give me. Best, Preston See the Pen WNJzVgQ by prestonlund (@prestonlund) on CodePen Link to comment Share on other sites More sharing options...
Rodrigo Posted September 30, 2022 Share Posted September 30, 2022 Hi @prestonl and welcome to the GreenSock forums! Do you mean something like this?: https://pixijs.io/examples/#/filters-basic/displacement-map-flag.js If so, then head onto PIXI to find out about the displacement filter. You should use ScrollTrigger's snap functionality and the onEnter callback to start the filter and the a timer to stop the filter from rendering. Happy Tweening! Link to comment Share on other sites More sharing options...
prestonl Posted October 3, 2022 Author Share Posted October 3, 2022 Thanks for your input. Maybe a better way to describe the effect I'm looking for is a swing-like movement when I scroll the carousel horizontally. Link to comment Share on other sites More sharing options...
Rodrigo Posted October 3, 2022 Share Posted October 3, 2022 Hey Preston, Unfortunately I can't completely grasp the concept you're after. Could you provide an example of it? Like that we could use something that already exists in order to better orient you. Happy Tweening! Link to comment Share on other sites More sharing options...
Cassie Posted October 4, 2022 Share Posted October 4, 2022 Maybe something like this? See the Pen eYpGLYL by GreenSock (@GreenSock) on CodePen 2 Link to comment Share on other sites More sharing options...
prestonl Posted October 10, 2022 Author Share Posted October 10, 2022 This is headed in the right direction! Thanks for the help on this. Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now