วีดีโอ

Que bom que gostou. Valeu pela visita 😊

Thanks Carlos ☺️

Yes. Hehe. I was aware of it but never used it in a production project ☺️

Thank you Julian 😊 🙏🏻

Hey there. I'm using threejs default orbit controls here. The zoom with scroll is its default behavior 😉

Muito obrigado 😁

Hi there. 👋🏻 The sky and clouds in this project are just a simple hdr image. But r3f drei has an amazing cloud component that you can use for it 😉

Hi. For the model, yes, I'm using draco. I almost always use it.

@@AndersonMancini Thank you , for replying and a great day to you aswell sir,

Thank you very much man 😉

Hey there 👋🏻. Thank you so much hehe. I would love to make a longer tutorial on this, but I'm out of available time. But if you use the source code I'm sure you will be able to replicate it. I recommend the threejs-journey.xyz course. This was one of my projects after finishing that course ☺️

@@AndersonMancini Yesss, I have started with them!!! Definitely helping me out understanding the functionalities better !!!

Hey. The regression system is not new. It was always present as a possibility but implementing it was a little bit tricky. With r3f, it became easier to implement 😊

Thanks ☺️

Thanks

Thank you very much buddy.

Thanks for the visit buddy 😀 👍🏻

Thanks mate. I could, but not using it for this one because we never get close enough to this model to be able to see these details. But would look great and would be cheaper if I had to... or if I had more time to optimize. All those windows could be normal and bump maps if I had more time, because seeing them from a distance, it is impossible to tell if they are meshes or not.

Thank you 😊

Thank you so much ✌🏻 ☺️

Opa beleza. Então. Você instalou as dependências primeiro? Só rodar npm i, e depois npm run dev ou npm start, dependendo do repositório que você está usando. Eu acho que essa aula no curso do Bruno é gratis. Você pode assistir por lá. Mas tem outros tutoriais sobre isso também no TH-cam. Me fala se conseguiu tá? Abraço.

@@AndersonMancini qual o nome das dependências que precisa? poderia me dizer?

Hi there 😊. Do you mean the actual screen resolution? I javelin this code example on my react course on Udemy. It is simple to get and you can also find it in react three fiber examples and threejs examples. Let me know if you need the links, okay? All the best 👍🏻 😊

@@AndersonMancini No Anderson , I mean when we take snapshot as an image , how we can generate it with best resolution?

I don't know man. I guess you would need to render the image in a separate canvas with a higher pixel density and then save rhe image. But I have no idea how to implement this. Sorry.

Hey, my friend. Thank you so much for your kind feedback hehe. I would say that these things are harder for me for two reasons. First, I'm a designer who can code and this is always taking longer because I'm attached to the concepts I have in my mind. But it is great because I know what I want to achieve and I don't need any help because I create the concept, the 3d models, and the code at once. Secondly, being a designer I still have to learn many coding skills to implement things that are in my mind. But I love it. I feel that I could do this for the rest of my life without being bored 😊. Thanks again for your amazing feedback. Please visit my GitHub and code sandbox profiles. There are some codes and components ready to use that might be helpful. All the best. God bless you.

Hey. Thank you very much. To make the clock hands sync with the clock you need to have every arm in your model. Then you use the regular math to calculate the rotation based on hours, minutes and seconds. If you search for any clock javascript codepen you will find an example. I hope it helps.

@@AndersonMancini Yes, I'll look for it. Thank you!

Fala mano beleza. Po muito obrigado. Fico feliz de ver brasileiros por aqui hehehe. Mano, eu fiz o curso do Bruno Simon. Foi onde tudo começou pra mim. Aí fiz mais uns 4 ou 5 cursos da awwwards. Mas o resto foi aprendizado mesmo. Threejs e pratica mesmo. Quanto mais você faz mais se acostuma. Abração e obrigado pela visita.

Thank you very much ☺️

Hrh there. Not the DNA chain. But the techniques are similar. You ca. Create this using the knowledge from that course and replacing the colors and the models 😊

Hi. Thanks. This is using a custom shader to customize the default threejs mesh physical material. It is a shader customization that you can learn from Bruno Simon's course. I will release this transition material soon as a paid product on my Patreon page. It will not be expensive, something like $10.

Hi there. I already have a project that you can clone on Webflow clonables. Just search for my name there and you will find it. It is easy to implement and I think that you might be able to get the concept and how to implement it without a tutorial 😊 all the best

@@AndersonMancini Thank you for your reply. I checked the clone project in webflow. However, it is hard to find a way to process 3d files there. I would really appreciate it if you could tell me how to import and adjust 3d files on webflow.

Hello. I'm about to release it on my Patreon page. I'm in a business trip this week but I will launch this as soon as I get back.

@@AndersonMancini Great! Are you going to release also a vanilla three.js version??

Yes. Maybe at the same time or a little bit later. This is exactly what is missing right now and I know how important this is so I'm taking longer because of the vanilla version hehe. But I will do it 😊✌🏻

Hey. Sorry for the delay. I can't open-source this one yet. But you can use the free tutorial that I have here and recreate just by changing the model and the design. That source code is available, okay?

​@@AndersonMancinithat sounds great can you please mention which tutorial should I watch reach this level

You can play with the roughness to get metalic or plastic look. For leather texture, you can use the map texture and the roughness texture.

@@AndersonMancini ok thank you

Thank you very much for your kind feedback.

Hi, I don't know if you mean the code for the model or the code for the application itself. I already have a code, very similar to this one. It is on my GitHub. You can check it okay? Can you explain it better, thanks.

@@AndersonMancini sir please provide code for the application it self

I don't think points can support shadows. Also, points usually point look to the camera and I wanted to have rotations for each mesh 😊

Thank you very much.

Thank you, buddy. I was really a lot of work. But it is working great. I will be adding more models over time.

Thank you very much Julian😊✌🏻

Thank you very much ☺️

Thanks for your kind feedback ☺️

Thank you buddy hehe. Yes, I like it as well. It is one of those secret ingredients that I love hehe.

Ohh that's amazing to read my friend. I'm so glad you liked it and are using it for production 🙌 it is a huge honor for me 😀. Yes, please update to this new version. It is much better.