Тёмный
No video :(

Creating my Interactive 3D portfolio: Getting sidetracked with Blender | Portfolio Journey 2 

Project Nevo
Подписаться 1,5 тыс.
Просмотров 56 тыс.
50% 1

#blender #threejs #javascript
I failed at creating a basic design and instead got sidetracked in Blender, while still getting inspiration for my actual models i want to create later on.
three.js course:
threejs-journe...
The 3D Gallery:
lx2h8.csb.app/
The thread which solved my material issue:
blenderartists...
Object Viewer:
gltf.pmnd.rs/
My Medium Article:
/ creating-my-interactiv...

Опубликовано:

 

28 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 51   
@bohdandonchyk
@bohdandonchyk Год назад
By the way, thanks for mentioning me)) won't lie, you'll boost my confidence a bit) next time don't hesitate to ask me for advice (for example about the materials problem) because if I'm not mistaken: after you applied geometry node modifier, if you go into glaze edit mode, select all, and separate them “by loose parts”, the sprinkles should become as they were before. (I don't know why it just is.)
@codewithnevo
@codewithnevo Год назад
Of course! Thank you, I will definitely come back to you if i'm stuck again :)
@foxwithaplan858
@foxwithaplan858 Год назад
The random number is generated with the object name in mind to make sure you have a different number even if you reuse the same mesh or material in multiple objects. You can test this if you change the object's name: It will change its color. If all sprinkles are one giant mesh and hence just one object, they all have the same random number. Separated in different objects and consequently different object names (since the object name is unique) they will have different random numbers.
@codewithnevo
@codewithnevo Год назад
On a side note, I've got a discord server now: discord.gg/jRysK2HnSe I'm kind of overwhelmed by the positive and helpful feedback I've received so far. Three weeks ago I wouldn't have imagined to reach so many people who want to accompany and watch my journey to learn all of this stuff. Thank you to everyone who commented or even only left a like and a sub on my channel. This is really pushing my motivation to keep producing these videos and I'm really excited to see where I'm at in a few months with this project, because so far, I honestly haven't done too much :D The next video is coming out in a few days!
@CarlosAMaldonado
@CarlosAMaldonado Год назад
Remember that blender materials (and their node setup) just work on blender, when importing to other software the software may get some things from the blender material like color or diffuse texture, but the logic you did in the nodes stays in blender, one easy way to go around this is to make the sprinkles real geometry by applying all modifiers and geo nodes, and then make automatic uv maps (for more complex objects is recommended to do the uv map by hand) and finally bake the material to an image texture, you can find tutorials of baking in youtube and that way you can make a new material with the basecolor connected to image you got from the baking and this will be readable for other software
@codewithnevo
@codewithnevo Год назад
Thank you for this explanation, I'll look up some tutorials and try this out!
@tristangohier7188
@tristangohier7188 Год назад
That's exactly what I was thinking, I don't know much about coding and websites, but I'm sure that this could work!
@foxwithaplan858
@foxwithaplan858 Год назад
​@@codewithnevo Baking is included in the ThreeJS-journey tutorial. Its focus is baking light, but the material will be inevitably baked too.
@md3d519
@md3d519 Год назад
I also thought of doing something similar for my archviz services in the future but i still have a lot to learn in blender and photoshop let alone coding. I really can see the immense work youre putting and i hope it pays off
@codewithnevo
@codewithnevo Год назад
Thank you! I hope you'll get there soon. It can always be a bit overwhelming to start learning so much stuff at once. I hope you keep going so I can look up your project in the future!
@nateasis
@nateasis Год назад
This is a great series. I'm an industrial designer and also used 3js to build my portfolio website. Following along to see where yours goes
@codewithnevo
@codewithnevo Год назад
Thank you! Would you mind sharing your site? I'm interested to see what you came up with
@nateasis
@nateasis Год назад
​@@codewithnevo not sure if I can post the link directly, but there's a link in my profile. It's nothing too crazy, just getting started with 3js!
@codewithnevo
@codewithnevo Год назад
@@nateasis I looked through it. Simple and clean! I like it. I also really like your product designs, they are looking great
@johnniefujita
@johnniefujita Год назад
Bruno course is incredible... must finish it tooo
@codewithnevo
@codewithnevo Год назад
It really is. I highly recommend it to everyone who wants to learn three.js
@aneeqayounas
@aneeqayounas Год назад
To solve the sprinkle color issue not exporting, you need to use either seprate materials with seprate colors or 1 material with texture. With the nodes setup you have already create you can just bake the textures after uv mapping the sprinkles. I can give a more detailed answer if you would like.
@codewithnevo
@codewithnevo Год назад
I would appreciate if you could go in a bit more detail. So far I have not really touched baking
@aneeqayounas
@aneeqayounas Год назад
@@codewithnevo I'll make a short video today and share the link its super easy to do once you understand it and useful as well
@aneeqayounas
@aneeqayounas Год назад
Here is the link to the video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-2sgKu0bKUwU.html Let me know if you have any questions
@codewithnevo
@codewithnevo Год назад
@@aneeqayounas Thank you for making the effort. I'll take a look into your tutorial! :)
@aneeqayounas
@aneeqayounas Год назад
@@codewithnevo My pleasure!!
@jakobvonderessen
@jakobvonderessen Год назад
you can also export webgl from unity hdrp (by the way they are merging the urp with hdrp), and unreal engine. that can be an advantage for incorporating code into three.js
@codewithnevo
@codewithnevo Год назад
that sounds like it could help a lot in some cases, but i haven't worked with unity in years
@jakobvonderessen
@jakobvonderessen Год назад
@@codewithnevo blender is effectively developing quite fast. but you should never torn apart, the possibility of combining it with a more extensive framework comprising other tools
@DiverseGreen-Anon
@DiverseGreen-Anon Год назад
@@codewithnevo Altermesh might help you get blender nodes into unreal engine and export in desired formats with interactions and works with geometry nodes from blender! :D
@stefanguiton
@stefanguiton Год назад
Great work!
@codewithnevo
@codewithnevo Год назад
Thank you!
@official_dammyjhay90
@official_dammyjhay90 11 месяцев назад
woow this is Awesome , 🧡
@codewithnevo
@codewithnevo 11 месяцев назад
Thanks!
@lugui
@lugui Год назад
actually, there is a "Random Per Island" node, which would have done it
@NateCAnimation
@NateCAnimation Год назад
you might need to bake the sprinkle materiel down to a single texture
@bravefastrabbit770
@bravefastrabbit770 Год назад
Great project walkthrough! But I subbed because of the soothing german accent.
@codewithnevo
@codewithnevo Год назад
Haha thanks!
@goldenpantys6829
@goldenpantys6829 Год назад
Nice Video! What course is it that you are doing? And where van i find it? :)
@codewithnevo
@codewithnevo Год назад
Thank you so much! It is the three js journey course by Bruno Simon. This is the direct link: threejs-journey.com/
@bohdandonchyk
@bohdandonchyk Год назад
Could you please give me a link to this Three.js course that you talking about at the beginning? 0:09
@codewithnevo
@codewithnevo Год назад
Sure! threejs-journey.com/
@kekungpaulina
@kekungpaulina 11 месяцев назад
Waoo
@codewithnevo
@codewithnevo 11 месяцев назад
Thanks!
@bram_gunst
@bram_gunst Год назад
What is that 3d model previeuw site?
@codewithnevo
@codewithnevo Год назад
I used this one: gltf.pmnd.rs/
@daniloyt7368
@daniloyt7368 11 месяцев назад
W
@garchu3214
@garchu3214 Год назад
u could have just used "random per island" value inside shaders....saved u a ton of time
@codewithnevo
@codewithnevo Год назад
I have to try this out. Thank you!
@tobymdev
@tobymdev Год назад
basic donut sperg
@_pinkangels
@_pinkangels Год назад
bruh a few months ago i tried to look up a tutorial for how to do this 😭😭
@codewithnevo
@codewithnevo Год назад
thats unfortunate. I hope you still figured it out on your own!
@theillitistpro
@theillitistpro Год назад
Sub!
@codewithnevo
@codewithnevo Год назад
Thank you!
Далее
5 Topology Tips That Will  Get You HIRED
34:02
Просмотров 1 млн
журавли в пятницу
00:14
Просмотров 71 тыс.
THIS WILL CHANGE HOW YOU USE BLENDER
16:01
Просмотров 106 тыс.
Three.js personal portfolios are amazing...
13:05
Просмотров 446 тыс.
How YOU Should Learn Blender In 2024!
12:41
Просмотров 665 тыс.
Game-Changing Design Resources for Web Designers
6:33
I found more incredible 3D personal portfolios!!!
19:12
How To Create Amazing Cityscapes In Blender
12:41
Просмотров 466 тыс.