Can’t tell much without looking at the code but most likely your code could have issues related to the canvas part in the video! I’d suggest you copy everything properly because it works on my end.
I love your stuff man!! Just a quick question what all topics should I learn before I can make this in react, I am right now in react 3 fiber and am struggling with gsap scrolltrigger with how to access the trigger elements from sister components...Reply or not you are really inspiring me🙏
Since I’m new to ThreeJS myself, I have hardly made any attempt to put this together with React/Next. At this point, I’m only focusing on learning the fundamentals and I think JavaScript is the way to go for that purpose. Just so I can solely focus on the library and digest animation-related stuff faster whatever the library has to offer, rather than making things complicated while trying to make it work with frameworks. Once I get little better and feel comfortable with this, maybe then only I’d experiment with frameworks. Until then, can’t tell much about that. Hope it makes sense!
@@codegrid Yes I understand and I respect this approach, I will try recreating your projects in frameworks and Hopefully will learn something...Thanks again 🙏
FYI I added that button just as a placeholder link. You can replace it with the actual link if you’d like and it will work since we have put the navbar on top of the canvas layer so it won’t interfere with it. Thanks
Depends on the project but usually some basic prompts for creating vertex and fragment shaders I can ingest with threejs, and minor effect related customisations like distortion value, radius, pressure, sensitivity, etc (also depends on the shader and the project)!
If you paid attention to the video, you would have seen I imported the shaders into script.js file directly. So you don’t need to link it inside index.html. 👀🙃
Ok thanks man 😂. I see but could not understand. Because I'm not good at English. If there is any problem in the future, please help by replying like this.❤❤❤
bro need a course on full wen aniamtions with react make it as fast as possable we want to buy ur course bro plz make it quike when are u gonna lunch your course and it could be really great to learn from a pro like your work always amaze me bro plz bring a course
Unfortunately, not getting much time to work on anything else apart from the videos due to very tight schedule ie, posting two videos a week - all while maintaining the content quality. But I hear you, will try my best to start working on it soon! 🫡
But bro how to do it without using any code means how to create this by no code tools like Framer, Wix, Webflow, etc. Please make video on this if you know❤
I have no real experience with those tools! Coding stuff is fun I guess and gives you a lot more control. But yeah, I see a lot of designers/devs moving towards no-code solutions and it totally makes sense! Hopefully I’ll also start diving into those sooner or later but definitely not in near future! Let’s see.
![The Dark Matter of AI [Mechanistic Interpretability]](/img/n.gif)
Man I wonder how much work you have to put to create such tutorials
Appreciate the support! ❤️
Awesome Video
Sir, why don't you make a tutorial on three.js with React or Next.js?
Wow. Fantastic.
Thanks!
This is very interesting thanks you Sir
No “sir” please!😅
wow amazing love it❤❤❤
Thanks a lot!
This is fire 🔥
Thanks!
Please tell you vscode settings, extentions, theme, and font :)
Theme: Sequoia. Font: Operator Mono.
Amazing! Which theme and extensions you use on VS code? your font is amazing.
The theme is Sequoia with Operator Mono font.
My text is not showing 🤧 plz help someone....
Can’t tell much without looking at the code but most likely your code could have issues related to the canvas part in the video! I’d suggest you copy everything properly because it works on my end.
Love your videos man! Can you please tell me where can I learn ThreeJs and Shaders?
You can check out ThreeJS Journey by Bruno Simon. Teaches from the very basics. Codepens have also been helpful.
Doblaje automático 😊 , Gracias por otro buen video
🙌🏼
I love it
✌🏼
I love your stuff man!! Just a quick question what all topics should I learn before I can make this in react, I am right now in react 3 fiber and am struggling with gsap scrolltrigger with how to access the trigger elements from sister components...Reply or not you are really inspiring me🙏
Since I’m new to ThreeJS myself, I have hardly made any attempt to put this together with React/Next. At this point, I’m only focusing on learning the fundamentals and I think JavaScript is the way to go for that purpose. Just so I can solely focus on the library and digest animation-related stuff faster whatever the library has to offer, rather than making things complicated while trying to make it work with frameworks. Once I get little better and feel comfortable with this, maybe then only I’d experiment with frameworks. Until then, can’t tell much about that. Hope it makes sense!
@@codegrid Yes I understand and I respect this approach, I will try recreating your projects in frameworks and Hopefully will learn something...Thanks again 🙏
Getting.better, you should do more in detail tutorials maybe a course, to create a website like this as a full course will sell 100%
Yeah it’s on my list from a while now!
Hey, I have a doubt if we have button on link on the interface where this effect is applied will those button will work properly @codegrid
FYI I added that button just as a placeholder link. You can replace it with the actual link if you’d like and it will work since we have put the navbar on top of the canvas layer so it won’t interfere with it. Thanks
i would love if you could explain what exactly you ask to chatgpt for shaders because i dont know how to use shadertoy myself........
Depends on the project but usually some basic prompts for creating vertex and fragment shaders I can ingest with threejs, and minor effect related customisations like distortion value, radius, pressure, sensitivity, etc (also depends on the shader and the project)!
I have a question.
Did you link to Saders.js file in the html file. If you did that, why you not shown in the video.
If you paid attention to the video, you would have seen I imported the shaders into script.js file directly. So you don’t need to link it inside index.html. 👀🙃
Ok thanks man 😂. I see but could not understand. Because I'm not good at English. If there is any problem in the future, please help by replying like this.❤❤❤
Sure (if you directly don’t throw allegation of manipulating video) 😅
bro need a course on full wen aniamtions with react make it as fast as possable we want to buy ur course bro plz make it quike when are u gonna lunch your course and it could be really great to learn from a pro like your work always amaze me bro plz bring a course
Unfortunately, not getting much time to work on anything else apart from the videos due to very tight schedule ie, posting two videos a week - all while maintaining the content quality. But I hear you, will try my best to start working on it soon! 🫡
amazing
Thanks
@@codegrid could pls share the resource that you're learning
so cool
🙌🏼
🔥🔥🔥
🙏🏽
But bro how to do it without using any code means how to create this by no code tools like Framer, Wix, Webflow, etc. Please make video on this if you know❤
I have no real experience with those tools! Coding stuff is fun I guess and gives you a lot more control. But yeah, I see a lot of designers/devs moving towards no-code solutions and it totally makes sense! Hopefully I’ll also start diving into those sooner or later but definitely not in near future! Let’s see.
Is it your real voice or it is ai generated?
My real voice
❤
🙏🏽
❤❤❤
🙌🏼
Wow 🎉🫡
🙌🏼
The GOAT🫡
Nah man but appreciate you saying that! 🙏🏽❤️
WHY ARE YOU DELETING MY COMMENTS??
I haven’t deleted any comments. Maybe it’s UA-cam that thinks your comments are spam for some reason.
@codegrid make a video on the topic i asked
@@kartikeyjoshi5543learn to ask politely first
@@kartikeyjoshi5543 monkey🤣
First 😂 also good stuff ❤
Thanks! 🙏🏽