[Tutorial] Adding outline detailing to meshes in Three.js with Blender and Post-Processing.

  Рет қаралды 7,742

Angus Fan

Angus Fan

Күн бұрын

Пікірлер: 22
@hydrawlysis5339
@hydrawlysis5339 2 жыл бұрын
Thank you for featuring best girl Yae. Nice tanuki btw
@nikolaaskaas
@nikolaaskaas 2 жыл бұрын
Thanks my dude. Quick and to the point
@ruiyaoluo4585
@ruiyaoluo4585 2 жыл бұрын
Thank you for this great video. Helped me save days of time. One more thing to add, if you take the first approach (solidify modifier), outlines may turn out uneven in thickness due to perspective. Especially when you have a small focus length.
@AngusFan
@AngusFan 2 жыл бұрын
Hey glad I could help you out and that's very intersting to hear about the focus (focal ?) length changes. I've never tested that out.
@dariayudina8463
@dariayudina8463 2 жыл бұрын
thanks for the video, i tried approach with post-processing. but dude, your model was about 2mb because of textures. you didn't reduce the weight, you just loaded it separetly.
@AngusFan
@AngusFan 2 жыл бұрын
Ah true, welp glad I could help. Might just be placebo, but after seperating the files my site loaded much faster.
@baguette2652
@baguette2652 2 жыл бұрын
To select all meshes, you can set the instance of the outline pass's selected objects to scene.children i.e. outlinePass.selectedObjects = scene.children;
@AngusFan
@AngusFan 2 жыл бұрын
Nice
@mtxar
@mtxar 2 жыл бұрын
excellent
@HiwoTheo
@HiwoTheo Жыл бұрын
Isn't it possible with the first method to have just one material, like mixing the emissive outline with the diffuse texture? and also convert the jpg to webp format
@genkidesu
@genkidesu Жыл бұрын
Thank you so mach!
@joeclevenger6705
@joeclevenger6705 2 жыл бұрын
Great tutorial! Just wondering the file size of the texture that you had to load for the third model?
@AngusFan
@AngusFan 2 жыл бұрын
Yep sorry for the late reply, It's been a while since I've looked at this. In the video, the texture file is 1451 KB. Which is honestly quite large (I think it's the exact same file I used for the character in my game), I took a look at the other files I used in my portfolio and they are roughly averaging ~500KB.
@1in1m35
@1in1m35 2 жыл бұрын
Does this work in cycles? The outline color fills the whole mesh and replaces the original texture when I'm in render mode.
@AngusFan
@AngusFan 2 жыл бұрын
I don't think this outline methods works in cycles, as you mentioned above whenever I tried to check the render in cycles the outline covers the entire mesh. There may be a way to create outlines in cycles but I wouldn't know. You might have to look around, sorry about that.
@1in1m35
@1in1m35 2 жыл бұрын
@@AngusFan Okay! Thank you. :)
@TrzCinA122
@TrzCinA122 2 жыл бұрын
Any idea why my model is not shown after applying blender modifier ? If I won’t apply it, it is working.
@AngusFan
@AngusFan 2 жыл бұрын
Sorry I'm not the most familiar with blender, but is your model not showing at all? Or is it just coming out as one solid color? From my experience, if it is showing up as just the outline color your material may not have backface culling enabled, alternatively this outline method doesn't seem to work with Cycles Rendering either (the mesh model is only the same color as the outline).
@jeps7688
@jeps7688 2 жыл бұрын
Can u creare grease styled object export to threejs
@AngusFan
@AngusFan 2 жыл бұрын
Unfortunately I don't have a concrete answer as I haven't really worked with the grease pencil much in blender. However (from a quick google search) it seems that if you can convert it to a mesh you can export to three js.
@jimmyta23
@jimmyta23 2 жыл бұрын
first
@ManojChauhan-kl3dh
@ManojChauhan-kl3dh Жыл бұрын
Hi sir I like your tutorials would you please make a tutorial about the effects discribed in this video " kzbin.info/www/bejne/iHOclX-EjpJjeac " ? actually I tried the code given in this examples of threejs.but didn't get result properly ....!
I wish I knew this before using React Three Fiber
28:23
Rabbit Hole Syndrome
Рет қаралды 131 М.
The Latest Celebrity Tech Scam…
19:21
Linus Tech Tips
Рет қаралды 2,5 МЛН
When you have a very capricious child 😂😘👍
00:16
Like Asiya
Рет қаралды 18 МЛН
人是不能做到吗?#火影忍者 #家人  #佐助
00:20
火影忍者一家
Рет қаралды 20 МЛН
VIP ACCESS
00:47
Natan por Aí
Рет қаралды 30 МЛН
Stylized Cartoon Shader In THREE.JS ( Full Explanation )
24:58
Visionary 3D
Рет қаралды 10 М.
How to create Ghibli-style trees with three.js
47:52
devaslife
Рет қаралды 285 М.
Can you learn Japanese by playing: Shashingo
5:03
Angus Fan
Рет қаралды 2,8 М.
Three.js Optimization - Best Practices and Techniques
17:47
Valentin's coding book
Рет қаралды 43 М.