jarpqie82 Posted February 23, 2022 Share Posted February 23, 2022 It is possible to reproduce this animation with gsap and scroll? https://2018.craftedbygc.com/ The idea is to move to the next section with the scroll with scale and fadeout and at the same time the next one appears with fadein and scale Link to comment Share on other sites More sharing options...
GreenSock Posted February 23, 2022 Share Posted February 23, 2022 Sure, you can use GSAP for that. From what I can tell, it's not using scroll at all - it's simply reacting to wheel and touchmove/pointermove events, sorta like this demo: See the Pen WNXXpvm?editors=0010 by GreenSock (@GreenSock) on CodePen Good luck! 1 Link to comment Share on other sites More sharing options...
jarpqie82 Posted February 24, 2022 Author Share Posted February 24, 2022 Thanks for your quick response! Although I was referring to the animations after the initial click (https://2018.craftedbygc.com/) You scroll and the animation works as if the scenes were one after another. Link to comment Share on other sites More sharing options...
OSUblake Posted February 24, 2022 Share Posted February 24, 2022 As Jack stated above, that site is using wheel and touch events to drive the animation, which is what the demo above is doing. It's switching scenes, just not in 3d. 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