lklio Posted January 18, 2021 Share Posted January 18, 2021 Hi guys, I've seen this beautiful site https://browserhistory.squarespace.com/ and I've tried to replicate animation for a test. I started project with PIXI.js and the integration with GSAP sound good. But, how could be possible to manage the scroll and have effect in canvas? Anyone have ideas? I've supposed ScrollTrigger could be the way for snap and repeat but I'm not sure about the right trigger to use 😅 Thanks to anyone Link to comment Share on other sites More sharing options...
ZachSaucier Posted January 18, 2021 Share Posted January 18, 2021 Hey lklio. ScrollTrigger is definitely the way to go for that sort of effect. I'd likely create it along the lines of this demo, found in the list of ScrollTrigger demos, but instead of animating the DOM elements you would animate you canvas elements instead. Link to comment Share on other sites More sharing options...
lklio Posted January 18, 2021 Author Share Posted January 18, 2021 Thanks @ZachSaucier, your demo is the answer of all questions! Do you suggest to fix canvas with fixed position and control body scroll with ScrollTrigger? Or there is a better way? Link to comment Share on other sites More sharing options...
ZachSaucier Posted January 18, 2021 Share Posted January 18, 2021 3 minutes ago, lklio said: Do you suggest to fix canvas with fixed position and control body scroll with ScrollTrigger? Or there is a better way? That's a good setup 1 Link to comment Share on other sites More sharing options...
lklio Posted January 18, 2021 Author Share Posted January 18, 2021 Perfect! Thanks @ZachSaucier for your support! 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