Bug fix: A "failed to load resource" error prevents the project from running as a result of a broken CDN link used by an earlier version of drei. Updating to new version of drei and fiber fixes this problem. github.com/adrianhajdin/project_threejs_ai/pull/45
@namcoanyc7777 thanks hehehe. I'm just a 3d developers. The 3d models are imported from blender. Some are free and some are from a friend of mine who is actually a jewelry designer ✨️ ☺️
in less than 3 months you've become my favorite developer on youtube. You literally transformed my development life and my portfolio is filled with most of your projects. I'm so excited to start this and I hope I'll be able to pay you for all you've done in my life. I love you a lot and God bless you.
I can't believe how captivated I am by this masterpiece. I've only watched the first 5 minutes and I'm already feeling an overwhelming sense of excitement to see the rest. You are truly amazing! Your presentation of this work is nothing short of extraordinary, and I have been eagerly anticipating it for months.
Better than my university courses. There goes my weekend. My friends are going out to the movies and the beach but ill be right here learning, growing, and expanding my skill set. Thank you so much for sharing you wisdom with us
I have never seen such projects on RUclips. First of all, your voice is so amazing. Your way of explaining is next level. I thank you from the bottom of my heart.❤❤
Thank you so much, I always wanted to get started with threejs and this tutorial definitely helped me to finally do it. I've just completed this project and added the missing button and it look STUNNING! thank you so much for this!
Hi! I just want to Thank you for every single tutorial.❤ One more thing that will make your projects 100% complete is showing us how to use the login/signup system in these AI apps so that we can also gather user data and can fully land it with real-time users. Thanks Again.
I'll be trying this video shortly and I hope it works, it was exactly what I was looking for, for the AI. The show room at the start and car website looked awesome to. Thank you for providing this via RUclips
I am currently on a cash crunch but especially enable ads on your tutorial channel and I also don't skip ads, that's my way of saying a "Thank You". You're helping so many people from developing countries, including mine (India)
As usual, this an awesome content. Thanks ever so much for being ever so nice in sharing premium content. I bought the NFT marketplace course and it totally transformed me. Perhaps you should consider adding a download button and a checkout box/ wallet connect for users to pay with crypto so the designed t-shirt can be printed and shopped to them. Thanks!
If anyone is having issues deploying the server on render, you need to add the following lines in in your package json file: "engines": { "node": ">=14
I added this to my packages.json in the server folder where you said and my prompt started working. Apparently I didn't have the environment variables set properly or something. Thanks a lot, your comment was teh last piece of the puzzle 🙏
thank you mann also i have a problem that the file picker is not showing anything not even a problem in the console everything looks good but when i click it nth happens
Can't believe RUclips's been suggesting me random lock picking videos, and it took them forever to finally recommend this awesome and useful video! What is wrong with the algorithm?!😂😂😂😂 Glad I found this!!!😊
If you are having difficulty on applying the styling, you can try changing the content in tailwind.config.js to "./index.html", "./src/**/*.{js,ts,jsx,tsx}". It got me worried when I was following the video exactly but the styling are not being implemented.
In my opinion, Your way of teaching is far more advanced and unique than any other yt creators and some bootcamps out there. I wonder how much impact you made to all the people around you. keep up the good and the finest work.🤟👑
@@rodrigoaraujoei Hey there, yes, I already finished the code along with this project and YES I encountered lots of error most of those are typo errors LOL. cool project though
As always, so amazing!! Thank YOU so much Adrian🙏🙏 I greatly appreciate the effort you have put into bringing such an amazing development experience to us. 🙏😍
Absolute legend. Thanks man. I believe dispose={null} makes it so the browser doesn't dispose of WebGL context unless the component is fully unmounted. WebGL is expensive and it's best to reuse when possible, so this makes the browser reuse context.
can you give me any solution for this error -> THREE.WebGLRenderer: Context Lost ...the site shows for few seconds but then the content disappears automatically
This is an amazing tutorial, I am however getting this error in the console : handle Decals(type,`data:image/png;base64,${data.photo}`) ...I have spent almost an hour trying to figure out where I went wrong... Anybody have an idea?
I anyone runs into the problem with some of the tailwindcss styling not being applied. It is because tailwindcss have been update to 3.3.1 and the tailwind.config.js code that the video tells you to past in wrong. One the site it exclude the ./index.html in the content folder and this is needed. Hope this helps!
Yeah. I have problem with this class: .home { @apply w-fit xl: h-full flex xl:justify-between justify-start items-start flex-col xl:py-8 xl:px-36 sm:p-8 p-6 max-xl:gap-7 absolute z-10; ^ } The `xl:` class does not exist. If `xl:` is a custom class, make sure it is defined within a `@layer` directive. Any solutions?
your project is very cool and i very impress that's the better way to clear core concepts of the Developer like me and i would also like to promote your Video on different platforms☺☺❤❤
Your courses are wonderful, you can see that you have a fantastic technique. But they are not noob friendly as you claim to be! For those who don't understand much, it's just a lot of complex code to keep copying with a superficial explanation of what they are for. A tip for this course to be even better would be: Start by making things appear at first, rendering something 3d as simple as possible. And then go on adding things as needed. This way we would know what each thing is for, ex: now we need something to control our camera, let's use that library. I hope my feedback is of some use.
to use framer motion, we make a new index file in new __ folder . Define a proxy function from valtio and whatever you define within it can be reused anywhere like react components. Then import proxy in Home.jsx and use it
Great tutorial! I love how you explain things and you always come out with awesome projects. When do you think you will have the time to maybe update the GitHub repo with a version that also contains the Download feature for the T-Shirt? I noticed that it is missing in the video and also in your repo and I would love to know how to do that. Thank you! :)
Bug fix: A "failed to load resource" error prevents the project from running as a result of a broken CDN link used by an earlier version of drei. Updating to new version of drei and fiber fixes this problem. github.com/adrianhajdin/project_threejs_ai/pull/45
Bug: Color of the shirt doesn't change using colorpicker
I've been having issues activating the ai image generator on the site
Why my configuration is not working it says it doesn't have name Configuration as export name.
Thanks very mcuh for the tutorial but i got some problems with the openai configuration
@@Mindlyt Hi, Have you fixed it yet?
❤❤❤ loved to be referenced here. My jewelry project is getting famous heheh. Thank you very much.
Let me be the first guy to acknowledge your presence. Thank you.
You did that one too? I had no idea - great work! ⭐
Hey
your jewlery models are incredible... Are you a 3d designer or do you also make 3D apps?
@namcoanyc7777 thanks hehehe. I'm just a 3d developers. The 3d models are imported from blender. Some are free and some are from a friend of mine who is actually a jewelry designer ✨️ ☺️
holy moly! This is amazing. Web development nowadays is just on another level
It truly is!
in less than 3 months you've become my favorite developer on youtube. You literally transformed my development life and my portfolio is filled with most of your projects. I'm so excited to start this and I hope I'll be able to pay you for all you've done in my life. I love you a lot and God bless you.
can you give your portfolio link ??? i would love to visit
Link your portfolio please
If this doesn't get me a job, I'm sure nothing will. This is top-notch!
Thank you, enjoy!
lmao exactly what I was thinking lol
🤣🤣 Hope it does
😂😂😂 actually 🤣
@@javascriptmasterythanks very much instructor
Holy crap. This is amazing. I love you JM, please do more kind of tutorials like these but with MERN 🙏🙏
Thank you, more to come!
I can't believe how captivated I am by this masterpiece. I've only watched the first 5 minutes and I'm already feeling an overwhelming sense of excitement to see the rest. You are truly amazing! Your presentation of this work is nothing short of extraordinary, and I have been eagerly anticipating it for months.
Wow, thank you!
Do I need to purchase anything from any website to build this application?
You saved hours of my life researching for three.js, I can't thank you enough for sharing this fantastic content, love you
Appreciate it
Better than my university courses. There goes my weekend. My friends are going out to the movies and the beach but ill be right here learning, growing, and expanding my skill set. Thank you so much for sharing you wisdom with us
Thank you, enjoy!
U shouldnt have any friends that enjoy life. Stay motivated and only learn for the rest of your life🔥🔥🔥🔥
I'm doing the exact same thing
@@lokilokilokilokilokilokiloki with out friends how can we enjoy
each one enjoys their weekend the way they feel better, don't devalue the happiness of others.
OMG! I can't thank you enough for sharing such great content with us for ASBOLUTELY FREE!!!
That's the goal!
Do I need to purchase anything from any website to build this application?
I have never seen such projects on RUclips. First of all, your voice is so amazing. Your way of explaining is next level. I thank you from the bottom of my heart.❤❤
Thank you so much 😀
This is amaing, as a freelancer I can add more value to client after this. you are amaing.
Exactly, enjoy it!
You nailed it! I can't explain how amazing this tutorial is! Please enlighten us with more & more contents like this ❤
Thank you so much, I always wanted to get started with threejs and this tutorial definitely helped me to finally do it. I've just completed this project and added the missing button and it look STUNNING! thank you so much for this!
Amazing, congrats!
Can you create a tutorial for making the first ring website that you showed in this video? That would be the coolest website ever.
Great suggestion!
This is amazing stuff bro, can’t wait to dive in and code alongside you
Hope you enjoy it!
Hi! I just want to Thank you for every single tutorial.❤
One more thing that will make your projects 100% complete is showing us how to use the login/signup system in these AI apps so that we can also gather user data and can fully land it with real-time users.
Thanks Again.
I'll be trying this video shortly and I hope it works, it was exactly what I was looking for, for the AI. The show room at the start and car website looked awesome to. Thank you for providing this via RUclips
Thank you for watching, enjoy!
I am currently on a cash crunch but especially enable ads on your tutorial channel and I also don't skip ads, that's my way of saying a "Thank You".
You're helping so many people from developing countries, including mine (India)
took me whole day to find the solution for the 'map' error in this project, but now it works yey
The undisputed king is back again with another amazing project. Thank you so much.
Thank you so much!
Thank You man for creating these very helping tutorials the one thing that i really like in your code is that you code in an organized manner
As usual, this an awesome content. Thanks ever so much for being ever so nice in sharing premium content. I bought the NFT marketplace course and it totally transformed me. Perhaps you should consider adding a download button and a checkout box/ wallet connect for users to pay with crypto so the designed t-shirt can be printed and shopped to them. Thanks!
Glad you enjoy it!
This man never fails to blow my mind!!!! Thank you so much Adrian!!!
My pleasure!
Just when I thought it can't get any better ... here you are again with another surprise! You deserve the Nighthood for this Sir Adrian!!
Wow, thank you!
If anyone is having issues deploying the server on render, you need to add the following lines in in your package json file:
"engines": {
"node": ">=14
how can i fix the isuue of localhost:8080 , can you please tell me
I added this to my packages.json in the server folder where you said and my prompt started working. Apparently I didn't have the environment variables set properly or something. Thanks a lot, your comment was teh last piece of the puzzle 🙏
So, if i'm using version 16, it should be < "node": ">=16
Thanks man, you deserve a beer
thank you mann also i have a problem that the file picker is not showing anything not even a problem in the console everything looks good but when i click it nth happens
FANTASTIC :) I"m carving out 2-3 hours tomorrow first thing to build this. Thank you. LOVE IT!
Hope you enjoy it!
Amazing, i am doing a thesis project about web and metaverse. Your video saves my life :)
Enjoy!
Can't believe RUclips's been suggesting me random lock picking videos, and it took them forever to finally recommend this awesome and useful video! What is wrong with the algorithm?!😂😂😂😂 Glad I found this!!!😊
Amazing, I was waiting for your next 3D project, in days, and here you go, you did it again, thanks man, you are the best!
Thank you!
Did your code run??
I will make an effort to learn English, so I can learn better with your videos, the best RUclips channel to learn javascript. from Angola, Africa
Greetings to Angola!
If you are having difficulty on applying the styling, you can try changing the content in tailwind.config.js to "./index.html", "./src/**/*.{js,ts,jsx,tsx}". It got me worried when I was following the video exactly but the styling are not being implemented.
I don't know how to express my words but thank you so much, your videos are very very cool you are patient and explain everything so well thank you.
Thank you so much!
In my opinion, Your way of teaching is far more advanced and unique than any other yt creators and some bootcamps out there. I wonder how much impact you made to all the people around you. keep up the good and the finest work.🤟👑
hii, did u finish the tutorial with no version error? i might try it out
@@rodrigoaraujoei Hey there, yes, I already finished the code along with this project and YES I encountered lots of error most of those are typo errors LOL. cool project though
@@letMeSeeTheCode-xq5hv eheh Nice, the typos errors are always there eheh thanks for the feedback;)
Do I need to purchase anything from any website to build this application?
@@sokainakanwal2425 no, it's free.
Another bomb dropped😀 as usual. I cant wait to get started on this. Adrian I owe you a lot. Massive Respect brother!!
Thank you, respect!
As always, so amazing!! Thank YOU so much Adrian🙏🙏 I greatly appreciate the effort you have put into bringing such an amazing development experience to us. 🙏😍
Thank you so much!
This is really amazing, i cant explain how exciting is for me build this project, thank you so much for the knowledge!!!
Our pleasure!
Finally, ThreeJS! This is my favorite channel in the entire world.
Idk if someone noticed that colorpicker is changing the button color too😅but what an Amazing Tutorial Adrian. You made it look so easy
my t-shirt color is black and not changing color how your t-shirt is changing color any idea???
Literally goosebumps.🙀
weekend sorted
Yess! Enjoy! 😊
Yes please please, record next threejs video, love your way of explaining and love the threejs
If you receive an error message:
Cannot read properties of undefined (reading 'anisotopy')
Edit map-anisotropy={16} to mapAnisotopy={16} in Shirt.js .
hey were you able to implement the dalle api?
Thanks dude! this was driving me nuts.
This is already so awesome, I just can't wait for the next part
Me neither
wooow friend you are great and innovative. thank you greetings from venezuela
Thank you! Cheers!
No one makes video as good quality as you
You always surprise us with a new video
Keep making videos❤
Thank you so much 😀
Definitely the G.O.A.T Web Development.
Appreciate it!
absolutely youre the best on youtube! you 🔥adrian
Appreciate it!
I am very grateful to you for bringing such high quality tutorials !!
Thank you!
Did the code run??
Absolute legend. Thanks man.
I believe dispose={null} makes it so the browser doesn't dispose of WebGL context unless the component is fully unmounted. WebGL is expensive and it's best to reuse when possible, so this makes the browser reuse context.
can you give me any solution for this error -> THREE.WebGLRenderer: Context Lost ...the site shows for few seconds but then the content disappears automatically
I have two words to describe you. BIG BEAUTY!
Wow this is amazing JSM I absolutely love it ❤
Thank you so much!!
I am waiting for your videos and here comes another masterpiece ✨️ thank you brother
More to come!
Wowo! amazing please bring such more creative tuts using threeJS, webGL and Gsap
Ok I'm done!! We can now agree that JSM is king!!!!
Thank you so much! 👑
You rock, Adrian. What a React Three tutorial !
the first few seconds is damn inspiring, pls keep us updated
We need to buy a drink or dinner for Hadrian, thanks for helping people get jobs and making money, amazing. Ramadan Karim
Thank you!
This makes learning alot more fun for me! Thankyou so much!
Yess, I'm happy to hear that!
Thank you so much Sir ,love you
Most welcome
masterpiece I swear 1 course with god knows how many benefits absofkinlutely amazing!!
Thank you again Adrian this is amazing.. appreciate all that you do for us.
Thank you!
Always impressive projects🔥🔥🔥🔥 I hope one day I'll be able to join the JSM class.
Thank you!
OMG!!!!!!! That's crazy! Thank you so much .
Appreciate. It!
Thank you very much for GREAT WORK!!! You are my savior && my Great Professor!!! with LOVE!!!👏😃🌏💖🙏
This is mind blowing ..... thank God for your existence
Thank you!
OMG ITS BEST VIDEO for learning Three js
Glad it was helpful!
This is an amazing tutorial, I am however getting this error in the console : handle Decals(type,`data:image/png;base64,${data.photo}`) ...I have spent almost an hour trying to figure out where I went wrong... Anybody have an idea?
Did you fix it
Change shirt extension to dtlf
Comment the environment line
Thank you for sharing such a great content here on RUclips for free.
This channel is goldmine!!
I'm glad you like it!
Thank you for your Content, it is such a pleasure learning from you! Great work and instructions!
Thks a lot for this video i am trying to create a website to decorate a house with funitures and paint now i learn how i can change color thank you
Hey, amazing video, can wait to start on this project!
Hope you enjoy it!
Wow so amazing adrian..! Keep going..
Thank you!
Great work! Your dedication and hard work are truly admirable. Keep up the excellent job!👍
Thank you so much I'm always grateful to God always for the very day I found your RUclips page.
Great work bro 👍😁
I love your content and your way of teaching
Thank you!
I anyone runs into the problem with some of the tailwindcss styling not being applied. It is because tailwindcss have been update to 3.3.1 and the tailwind.config.js code that the video tells you to past in wrong. One the site it exclude the ./index.html in the content folder and this is needed. Hope this helps!
Yeah. I have problem with this class:
.home {
@apply w-fit xl: h-full flex xl:justify-between justify-start items-start flex-col xl:py-8 xl:px-36 sm:p-8 p-6 max-xl:gap-7 absolute z-10;
^
}
The `xl:` class does not exist. If `xl:` is a custom class, make sure it is defined within a `@layer` directive.
Any solutions?
@@todorg.6868 get rid of the space between xl: and h-full
Holy crap this is amazing, I don't really use React since I'm into Vue. But I will try to recreate this in Vue
Amazing!
you are really good sir i request you to for one video of JEST testing Nodejs Apis i'm waiting for videos for a couple of months..
I will try my best
Amasing! Great video and explanetion! tks for sharing!
your project is very cool and i very impress that's the better way to clear core concepts of the Developer like me
and i would also like to promote your Video on different platforms☺☺❤❤
Excellent content bro ❤
That is poweful.. great job as always..!
Thank you! Cheers!
Your courses are wonderful, you can see that you have a fantastic technique.
But they are not noob friendly as you claim to be!
For those who don't understand much, it's just a lot of complex code to keep copying with a superficial explanation of what they are for.
A tip for this course to be even better would be:
Start by making things appear at first, rendering something 3d as simple as possible. And then go on adding things as needed.
This way we would know what each thing is for, ex: now we need something to control our camera, let's use that library.
I hope my feedback is of some use.
Another great video and easy to follow. Thank you 🙂
Thank you!
Bro its nxt lvl 🔥
Thank you!
Thanks for creating these Wonderful Videos....❣
Glad you like them!
to use framer motion, we make a new index file in new __ folder . Define a proxy function from valtio and whatever you define within it can be reused anywhere like react components. Then import proxy in Home.jsx and use it
This channel can blow up anytime soon
Great video
Pls make a video on full stack chat app
Great idea!
You are awesome bro 💪 Thank you!
Thank you!
Excited to make this🎉😊
Enjoy!
Great tutorial! I love how you explain things and you always come out with awesome projects. When do you think you will have the time to maybe update the GitHub repo with a version that also contains the Download feature for the T-Shirt? I noticed that it is missing in the video and also in your repo and I would love to know how to do that. Thank you! :)
Never disappoints!!! Thanks ❤
Appreciate it! ❤️
5.8k+...Thanks Adrian. Another great video !!!
Thanks a lot, superb material as always!!
I personally believe the config folder, that you just pasted, matters too.
we need more like this!
More to come!
Your videos are awesome. Many thanks for it
Thank you!
Just Awesome, You are really a master of JS! 😊
man this is unbelievable 😳😳
Thank you!