mrtsrds Posted March 2, 2022 Share Posted March 2, 2022 Hi, I saw the effect I liked very much on the website I saw on the Gsap showcase page. (https://advanced.team/). I want to make the mouse effect on this site.I did a little research and noticed that you are using canvas. But I didn't know how to do such a thing. Can you guide me on this? Link to comment Share on other sites More sharing options...
Solution OSUblake Posted March 2, 2022 Solution Share Posted March 2, 2022 Hi mrtsrds, We don't make the stuff on the showcase page, so of course we don't know how everything is done. I can tell you that effect is done with shaders, which uses a completely different programming language (GLSL). Someone copied some of the code here, but of course you should ask for permission from the original author before trying to use it. 1 Link to comment Share on other sites More sharing options...
mrtsrds Posted March 2, 2022 Author Share Posted March 2, 2022 20 minutes ago, OSUblake said: Hi mrtsrds, We don't make the stuff on the showcase page, so of course we don't know how everything is done. I can tell you that effect is done with shaders, which uses a completely different programming language (GLSL). Someone copied some of the code here, but of course you should ask for permission from the original author before trying to use it. Thank you. It will be a good start for me. I can find out by examining this code. Link to comment Share on other sites More sharing options...
mrtsrds Posted March 7, 2022 Author Share Posted March 7, 2022 @OSUblake Hi again. I did the work I wanted to do because of you. I just have one problem left and I couldn't solve it. I added a canvas to my website, but I'm having a z-index problem. When I use the pointer-events:none code, I cannot select the posts. A website solved the problem I mentioned. But I didn't know how to do it. My Example Url : See the Pen wvPNyaO by mrtsiradisi (@mrtsiradisi) on CodePen Link to comment Share on other sites More sharing options...
Cassie Posted March 7, 2022 Share Posted March 7, 2022 I'm pretty certain that you're going to want to have z-index: -1 on the canvas so that it's underneath all your content. Either that or just add pointer-events:none on the canvas itself. - Also, just a little reminder that these forums are for GSAP specific questions. We can't be providing help with styling and third party libraries here. Good luck with your project! 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