No video

Stylized Cartoon Shader In THREE.JS ( Full Explanation )

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

Visionary 3D

Visionary 3D

Күн бұрын

Пікірлер: 19
@ThePouetman
@ThePouetman Жыл бұрын
Hey great video! It gave me some ideas, I'll definitely keep it in mind :) while you explained well how to do this, I feel like you didn't explain why you were doing it. What is the point of the 5/4/3 tone texture (you didn't even show them in the video)? Why do we need to remove the hierarchy from the sword in blender? What is the point of using another software to do the effect you did with the shader?
@visionary_3_d
@visionary_3_d Жыл бұрын
Great Feedback! I do think you're right. Here's the answer to those questions: 1. 5/4/3 tone textures don't make a huge difference but it changes the gradient layers on the toon shader 2. The hierarchy was removed in blender so that we can easliy access the main mesh when you export the glb -> aka: gltf.scene.children[0] 3. That section is called "How I arrived at the solution". It shows how I got the idea of implementing something like solidify.
@EinMeister
@EinMeister 5 ай бұрын
I am glad you liked my sword :) Thank you for crediting.
@visionary_3_d
@visionary_3_d Жыл бұрын
Yo. My face is covering the blender settings and I didn't fix that in editing because the blender part is just for representation. And it's not part of the actual tutorial. Checkout this shader playlist if you're interested: kzbin.info/aero/PLTEbuqk52pICikiHfD-a52dxEav5UqMLy
@MrBumbo90
@MrBumbo90 Жыл бұрын
Love your channel man. It is like having a phd in shaders.
@yoga1775
@yoga1775 Жыл бұрын
Banger video. Would love to see some particle system breakdown and tutorial from you
@visionary_3_d
@visionary_3_d Жыл бұрын
Thank You! Added that to my todo list.
@Joheungju
@Joheungju 3 ай бұрын
Plz be my teacher,,,, your lesson is wonderful..!
@sampalacio
@sampalacio 9 ай бұрын
Thanks!
@taofeek-bakare
@taofeek-bakare Жыл бұрын
I think it will be great to always include the repo of the completed works. Hopefully waiting
@JohnScript
@JohnScript 11 ай бұрын
Nice Job bro!!!. Just a little tip: If you wanna add a Pixel Art Effect in this setup, make this: 1- Reduce the size of the texture from the current size to a smaller one(512x512, 256x256, 124x124....). 2 - Change the filter in Blender from "Linear" to "Closest". 3 - Exports and it's done Cheers 🤟🤟
@visionary_3_d
@visionary_3_d 11 ай бұрын
Nice 👌 Thank you for sharing this info.
@manthrax69
@manthrax69 Жыл бұрын
Good breakdown. ++
@timetosleep8055
@timetosleep8055 Жыл бұрын
If i create my own models in blender what would my workflow look like? Should i do basic texturing and baking in blender, the cartoonish filter through photoshop/krita and then the blackoutline with the help of shaders??
@nishantmodi5451
@nishantmodi5451 Жыл бұрын
A great tutorial! But i was wondering, is it possible to create crosshatched shaders in threejs? That gives the models a manga kind of look
@visionary_3_d
@visionary_3_d Жыл бұрын
Like this ? 😉 kzbin.info/www/bejne/oJ2uf4Kfp81pbKc
@Lagooneration
@Lagooneration 9 ай бұрын
The whole time you were working on blender your face blocked the visuals of what you did, maybe keep in mind next time to keep moving your face where its not blocking the important contents of what your viewers need 👍
@rithvik_
@rithvik_ Жыл бұрын
is this like a sword from hell's paradise anime 😮
WebGPU :: Javascript at the speed of Light
20:02
Visionary 3D
Рет қаралды 80 М.
Three.js Tutorial on Shaders (beginners)
12:44
SimonDev
Рет қаралды 73 М.
Lehanga 🤣 #comedy #funny
00:31
Micky Makeover
Рет қаралды 29 МЛН
Они так быстро убрались!
01:00
Аришнев
Рет қаралды 3,1 МЛН
Get 10 Mega Boxes OR 60 Starr Drops!!
01:39
Brawl Stars
Рет қаралды 16 МЛН
WHO CAN RUN FASTER?
00:23
Zhong
Рет қаралды 42 МЛН
Three.js Optimization - Best Practices and Techniques
17:47
Valentin's coding book
Рет қаралды 34 М.
What Are Shaders?
6:24
TheHappieCat
Рет қаралды 201 М.
Using Three.js with GSAP ScrollTrigger w/ Steve Gardner!
2:18:50
Alex Trost
Рет қаралды 15 М.
These Personal Websites are just WOW...
22:09
Developer Filip
Рет қаралды 1,1 МЛН
I Made A Blob Shooting Game With Ray Marching
13:33
Visionary 3D
Рет қаралды 39 М.
Mindblowing AI Image Upscaler! Krea ai
7:06
AI Quest
Рет қаралды 859 М.
3D Models That Will END Your Career
11:29
chocofur
Рет қаралды 890 М.
WebGPU :: Rendering the future in Real-Time
17:03
Visionary 3D
Рет қаралды 195 М.
How to create Ghibli-style trees with three.js
47:52
devaslife
Рет қаралды 276 М.
How to Learn Three.js in 2024 ( Full Guide )
6:41
Visionary 3D
Рет қаралды 84 М.
Lehanga 🤣 #comedy #funny
00:31
Micky Makeover
Рет қаралды 29 МЛН