kodralex Posted June 11, 2021 Share Posted June 11, 2021 Hi, I'm trying to re-create a function like used on this page: https://dark.netflix.io/en/family-tree (I know this site was built using gsap). I don't have a working pen right now. But I'll build out the main content of the page using html <canvas> then I just need to be able to zoom in / out / pan around and create slight tilt effect on mouse movement. My question is which of the various gsap plugins should I be using for which parts? Any help in the right direction will be great before I have a go at this. I did do a little searching beforehand and found this nice zoom / pan function (see codepen below). Maybe something like this for the tilt function (see codepen below) Not sure if it matters to much but I think these examples might be a little old now (not using gsap 3) Thanks in advance. See the Pen ZEeqBmZ by alexkodr (@alexkodr) on CodePen See the Pen pedmMW by osublake (@osublake) on CodePen 3 Link to comment Share on other sites More sharing options...
GreenSock Posted June 11, 2021 Share Posted June 11, 2021 Looks like a fun and ambitious project, @kodralex. Was there a GSAP-specific question you needed help with? As for which plugins you'll need, I'm not sure you'll need any. It really depends on what exactly you end up doing. If it's all canvas-based, then you're probably fine with just the core GSAP file. Maybe Draggable if you end up having draggable stuff Good luck! 1 Link to comment Share on other sites More sharing options...
kodralex Posted June 11, 2021 Author Share Posted June 11, 2021 Thanks for getting back to me Jack. What you said sounds great. I'll update the post with my own codepen if I get stuck on anything. I'll also add a final codepen once i'm done. It might be of use to someone else at some point. 1 1 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