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
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.
@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 ✨️ ☺️
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
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
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.
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
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!
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. 🙏😍
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)
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!!!😊
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.
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?
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?
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! :)
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
Awesome tutorial as always. I finished your exerciseDB tutorial and decided to jump on this one. I'm having a bit of a problem at the server-side; it returns an error every time I try to fetch data from it. I even replaced my code with yours from the GitHub repo, and I'm still getting the same error. What might be the problem? Please reply if you see this. Thanks.
I've figured out where the problem was coming from. I've previously had an account with Openai platform and my API free trial usage had expired. I had to register a new account and use its API key.
I get a 401 after giving the AI a prompt and it breaks the app. I've triple checked the code and documentation, any ideas why it continually gives a 401?
Hello , is dale api is working on free ? because when i use this program crash and giving an error that one. data:image/png;base64,undefined:1 GET data:image/png;base64,undefined net::ERR_INVALID_URL
Uncaught Error: Could not load data:image/png;base64,undefined: undefined) whenever i ask ai to generate the logo Im getting this error Dont know what should i do...
I get this error at the end of the course with AI Option: THREE.WebGLRenderer: Context Lost. more specifically this: data:image/png;base64,undefined net::ERR_INVALID_URL Which means get method didn't success and 400 / 500 output. saw a lot of people here get it too :(
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☺☺❤❤
Amazing Project, really loved it, though I have a suggestion. It would be great if you'd explain why we use each function or hook, why easing.damp3 and not ..E etc. Still amazing though
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
Thanks Adrian 💙 Can you please tell me, how I can rotate this t-shirt 360°, so that I could also see the back design of the t-shirt. The project is awesome, I am learning a lot about Three.js.
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?
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
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
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!
❤❤❤ 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 ✨️ ☺️
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?
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?
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
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.
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 😀
You nailed it! I can't explain how amazing this tutorial is! Please enlighten us with more & more contents like this ❤
This is amaing, as a freelancer I can add more value to client after this. you are amaing.
Exactly, enjoy it!
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!
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
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.
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!
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!
took me whole day to find the solution for the 'map' error in this project, but now it works yey
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 man never fails to blow my mind!!!! Thank you so much Adrian!!!
My pleasure!
This is amazing stuff bro, can’t wait to dive in and code alongside you
Hope you enjoy it!
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
Yes please please, record next threejs video, love your way of explaining and love the threejs
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.
😂 thanks I was wondering what is happening with my laptop to the point I changed the browser but still
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!
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??
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
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!
masterpiece I swear 1 course with god knows how many benefits absofkinlutely amazing!!
Definitely the G.O.A.T Web Development.
Appreciate it!
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!
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!
Literally goosebumps.🙀
weekend sorted
Yess! 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)
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!!!😊
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 bomb dropped😀 as usual. I cant wait to get started on this. Adrian I owe you a lot. Massive Respect brother!!
Thank you, respect!
No one makes video as good quality as you
You always surprise us with a new video
Keep making videos❤
Thank you so much 😀
I have two words to describe you. BIG BEAUTY!
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
This is really amazing, i cant explain how exciting is for me build this project, thank you so much for the knowledge!!!
Our 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!
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
The undisputed king is back again with another amazing project. Thank you so much.
Thank you so much!
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! :)
Finally, ThreeJS! This is my favorite channel in the entire world.
do more tutorials like this in nextjs
Great idea!
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.
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.
Bro you literally saved me
Thank you very much for GREAT WORK!!! You are my savior && my Great Professor!!! with LOVE!!!👏😃🌏💖🙏
Awesome tutorial as always. I finished your exerciseDB tutorial and decided to jump on this one. I'm having a bit of a problem at the server-side; it returns an error every time I try to fetch data from it. I even replaced my code with yours from the GitHub repo, and I'm still getting the same error. What might be the problem?
Please reply if you see this. Thanks.
I've figured out where the problem was coming from. I've previously had an account with Openai platform and my API free trial usage had expired. I had to register a new account and use its API key.
@@charlesxstorm I had to do the same
@@danbender4361 The error was driving me nuts till I figured the expired API key was the culprit. 😂😂
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???
For some reason I am gettig a 400 error when I try to generate image with AI, anyone else facing same issue?
me too . i have same issue
Same, I guess it's not free to use this openai function
you have to create a new account and that`s it, it work`s for me
Wowo! amazing please bring such more creative tuts using threeJS, webGL and Gsap
I get a 401 after giving the AI a prompt and it breaks the app. I've triple checked the code and documentation, any ideas why it continually gives a 401?
Me too, the same error occurred.
Mine is 400😢😢
Thank you so much I'm always grateful to God always for the very day I found your RUclips page.
Uncaught Error: Could not load data:image/png;base64,undefined: undefined
found any solution?
wooow friend you are great and innovative. thank you greetings from venezuela
Thank you! Cheers!
Hello , is dale api is working on free ? because when i use this program crash and giving an error that one. data:image/png;base64,undefined:1 GET data:image/png;base64,undefined net::ERR_INVALID_URL
rt
yes i am getting the same error have you resolved it?
@@haardhikkunder9436 not yet
Same error
Uncaught Error: Could not load data:image/png;base64,undefined: undefined) whenever i ask ai to generate the logo Im getting this error Dont know what should i do...
Cause u can use createImage method in server with apiKey. Sure, it can use ( expiration date or withdraw it)
@@hoangpham1132 No it's not generating anything :(
did you solve this bro? I have the same problem I think
You must use an API key from an account that has money in its wallet and has not expired.
@@LUISITOTHETROLL Yes. You must use an API key from an account that has money in its wallet and has not expired.
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
I get this error at the end of the course with AI Option:
THREE.WebGLRenderer: Context Lost.
more specifically this:
data:image/png;base64,undefined net::ERR_INVALID_URL
Which means get method didn't success and 400 / 500 output. saw a lot of people here get it too :(
Same here
Cause u can use createImage method in server with apiKey. Sure, it can use ( expiration date or withdraw it)
@@hoangpham1132 please elaborate
@@tusharbharane1484 i got same error when i use expire apiKey. U can access usage in openai account to check it.
You can't use the OpenAI API for free.
This is mind blowing ..... thank God for your existence
Thank you!
absolutely youre the best on youtube! you 🔥adrian
Appreciate it!
the first few seconds is damn inspiring, pls keep us updated
Thank you for sharing such a great content here on RUclips for free.
I am very grateful to you for bringing such high quality tutorials !!
Thank you!
Did the code run??
This is already so awesome, I just can't wait for the next part
Me neither
I am waiting for your videos and here comes another masterpiece ✨️ thank you brother
More to come!
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☺☺❤❤
You rock, Adrian. What a React Three tutorial !
Thank you for your Content, it is such a pleasure learning from you! Great work and instructions!
OMG ITS BEST VIDEO for learning Three js
Glad it was helpful!
OMG!!!!!!! That's crazy! Thank you so much .
Appreciate. It!
Thank you again Adrian this is amazing.. appreciate all that you do for us.
Thank you!
This makes learning alot more fun for me! Thankyou so much!
Yess, I'm happy to hear that!
Ok I'm done!! We can now agree that JSM is king!!!!
Thank you so much! 👑
Thanks for creating these Wonderful Videos....❣
Glad you like them!
Wow this is amazing JSM I absolutely love it ❤
Thank you so much!!
5.8k+...Thanks Adrian. Another great video !!!
Amasing! Great video and explanetion! tks for sharing!
Always impressive projects🔥🔥🔥🔥 I hope one day I'll be able to join the JSM class.
Thank you!
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!
Hey, amazing video, can wait to start on this project!
Hope you enjoy it!
I personally believe the config folder, that you just pasted, matters too.
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
This channel can blow up anytime soon
Great video
Pls make a video on full stack chat app
Great idea!
Amazing Project, really loved it, though I have a suggestion.
It would be great if you'd explain why we use each function or hook, why easing.damp3 and not ..E etc.
Still amazing though
Great work! Your dedication and hard work are truly admirable. Keep up the excellent job!👍
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 work bro 👍😁
I love your content and your way of teaching
Thank you!
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 channel is goldmine!!
I'm glad you like it!
Wow so amazing adrian..! Keep going..
Thank you!
Just Awesome, You are really a master of JS! 😊
man this is unbelievable 😳😳
Thank you!
Thanks Adrian 💙 Can you please tell me, how I can rotate this t-shirt 360°, so that I could also see the back design of the t-shirt. The project is awesome, I am learning a lot about Three.js.
Bro, you are the best at this !!!