Тёмный

Unity Shader Graph completely explained! 

DitzelGames
Подписаться 22 тыс.
Просмотров 132 тыс.
50% 1

I like to make videos, i would like to see out there. But there is no video out there yet, that gives a brief overview over ALL shader graph nodes and how to use them. This is the tl:dl episode for everyone who's got their first tutorial behind them and have already set up their first shader. The main question you might ask yourself is: "What has Unity Shader Graph to offer?".
This is an answer to this question. Not the detailed ones, not the most correct one and definitely not the one with the highest quality. But it is there and will help you a lot. To get started, to find at least one place, where you already saw it in use.
So have fun with this video, in which I will explain every unity shader graph node and an example how to use them.
There is the official text version of this tutorial:
docs.unity3d.com/Packages/com...
0:23 Chanel Mixer
0:30 Contrast
0:35 Hue
0:41 Invert Colors
0:48 Replace Color
1:13 Saturation
1:23 White Balance
1:42 Blend
2:24 Dither
2:28 Channel Mask
2:40 Color Mask
3:08 Normal Blend
3:25 Normal From Height
3:40 Normal From Texture
3:48 Normal Reconstruct Z
4:09 Normal Strength
4:27 Normal Unpack
5:05 Colorspace Conversion
5:55 Split
5:57 Combine
6:24 Flip
6:29 Swizzle
7:05 Boolean
7:20 Color
7:25 Constant
7:30 Integer / Slider
7:52 Time
8:23 Vector 1-4
8:34 Bitangent Vector
8:36 Normal Vector
8:41 Position
8:50 Screen Position
8:54 Tangent Vector
8:58 UV
9:02 Vertex Color
9:05 View Direction
9:11 Gradient
9:11 Sample Gradient
9:39 Ambient
9:52 Baked GI
9:57 Reflection Probe
9:59 Matrix 2x2, 3x3 4x4
10:17 Transformation Matrix
10:25 Dielectric Specular
10:35 Metal Reflectance
11:01 Camera
11:10 Fog
11:12 Object
11:30 Scene Color
11:40 Scene Depth
11:41 Screen
11:50 Cubemap
11:55 Texture 2D
12:10 Texture 2D Array
12:26 Texture 3D
12:30 Sampler State
13:10 Texel Size
13:20 PBR Master / Unlit Master
14:19 Absolute
14:30 Exponential (wrongly explained :D)
14:44 Exponential
14:49 Length
15:10 Log
15:26 Modulo
16:03 Negate
16:22 Normalize
16:32 Posterize
17:00 Reciprocal
17:18 Reciprocal Square Root
17:35 Add
17:35 Subtract
17:47 Divide
17:54 Multiply
18:11 Power
18:23 Square Root
18:30DDX / DDXY / DDY
19:05 Lerp
19:38 Smooth Step
20:05 Matrix Construction / Matrix Determinant / Matrix Split / Matrix Transpose
20:33 Clamp
20:50 Fraction
21:05 Maximum
21:05 Minimum
21:13 One Minus
21:22 Random Range
21:30 Remap
22:20 Saturate
22:40 Ceiling
22:45 Floor
22:49 Round
22:54 Sign
23:08 Step
23:38 *Sine *Cosine *Tangent
23:55 Degrees To Radians / Radians To Radians
24:02 Distance / Dot Product / Cross Product
24:21 Fresnel Effect
24:53 Sphere Mask
25:57 Rotate About Axis
26:15 Reflection / Projection
27:09 Transform
27:38 Noise Sine Wave
27:57 Sawtooth Wave
28:08 Square Wave
28:16 Triangle Wave
14:19 Absolute
14:30 Exponential (wrongly explained :D)
14:44 Exponential
14:49 Length
15:10 Log
15:26 Modulo
16:03 Negate
16:22 Normalize
16:32 Posterize
17:00 Reciprocal
17:18 Reciprocal Square Root
17:35 Add
17:35 Subtract
17:47 Divide
17:54 Multiply
18:11 Power
18:23 Square Root
18:30DDX / DDXY / DDY
19:05 Lerp
19:38 Smooth Step
20:05 Matrix Construction / Matrix Determinant / Matrix Split / Matrix Transpose
20:33 Clamp
20:50 Fraction
21:05 Maximum
21:05 Minimum
21:13 One Minus
21:22 Random Range
21:30 Remap
22:20 Saturate
22:40 Ceiling
22:45 Floor
22:49 Round
22:54 Sign
23:08 Step
23:38 *Sine *Cosine *Tangent
23:55 Degrees To Radians / Radians To Radians
24:02 Distance / Dot Product / Cross Product
24:21 Fresnel Effect
24:53 Sphere Mask
25:57 Rotate About Axis
26:15 Reflection / Projection
27:09 Transform
27:38 Noise Sine Wave
27:57 Sawtooth Wave
28:08 Square Wave
28:16 Triangle Wave
28:40 Checkerboard
28:52 Gradient Noise / Simple Noise / Voronoi
29:09 Ellipse / Polygon / Rectangle / Rounded Rectangle
29:40 Preview
29:58 Any / All / Is Infinite / Is Font Face / Is NaN / And / Or / Not / Nand
30:45 Comparison
30:55 Branch
31:20 Flipbook
31:46 Polar Coordinates
32:05 Radial Shear
32:30 Rotate
32:47 Spherize
33:04 Tiling and Offset
33:18 Twirl
33:38 Triplanar
34:26 End!
#ditzelgames #unity #shadergraph

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

 

14 июн 2019

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 136   
@DitzelGames
@DitzelGames 5 лет назад
=== Artistic === + Adjustments 0:23 Chanel Mixer 0:30 Contrast 0:35 Hue 0:41 Invert Colors 0:48 Replace Color 1:13 Saturation 1:23 White Balance + Blend 1:42 Blend + Dither 2:24 Dither + Mask 2:28 Channel Mask 2:40 Color Mask + Normal 3:08 Normal Blend 3:25 Normal From Height 3:40 Normal From Texture 3:48 Normal Reconstruct Z 4:09 Normal Strength 4:27 Normal Unpack + Utility 5:05 Colorspace Conversion === Channel === 5:55 Split 5:55 Combine 6:24 Flip 6:29 Swizzle === Input === + Basic 7:05 Boolean 7:20 Color 7:25 Constant 7:30 Integer / Slider 7:52 Time 8:23 Vector 1-4 + Geometry 8:34 Bitangent Vector 8:36 Normal Vector 8:41 Position 8:50 Screen Position 8:54 Tangent Vector 8:58 UV 9:02 Vertex Color 9:05 View Direction + Gradient 9:11 Gradient 9:11 Sample Gradient + Lighting 9:39 Ambient 9:52 Baked GI 9:57 Reflection Probe + Matrix 9:59 Matrix 2x2, 3x3 4x4 10:17 Transformation Matrix + Input PBR 10:25 Dielectric Specular 10:35 Metal Reflectance + Scene 11:01 Camera 11:10 Fog 11:12 Object 11:30 Scene Color 11:40 Scene Depth
@camillevalable
@camillevalable 4 года назад
This is the work of a saint
@LightrockerRon
@LightrockerRon 4 года назад
"Normal Reconstruct Z" is far from useless. If you know that the z component is always positive (e.g. in a tangent space normal map), you can drop it in the texture because it can be calculated using the x and y values. That way it is possible to store the data in RGFloat instead of RGBAFloat and retain half of the VRAM and disk memory. Or you use the released channel for further information like smoothness or an occlusion value.
@workflowinmind
@workflowinmind 3 года назад
Thanks a lot for this video. Hint, if you add this comment in the description, the video will have the timestamps directly in the player :)
@DeZiio
@DeZiio 3 года назад
Carefully... He's a hero
@sykoo
@sykoo 5 лет назад
Holy crap my dude, great job covering all these!
@DitzelGames
@DitzelGames 5 лет назад
It's an honor to get a comment from you 😜 Big thanks
@beri4138
@beri4138 4 года назад
Yo you're the guy who made the inventory tutorial that I couldn't understand to this day. You're like... Cool. Or something.
@abiyyupanggalih854
@abiyyupanggalih854 3 года назад
wow you again
@lethn2929
@lethn2929 4 года назад
This video is perfect, thank you, you deserve way more credit for having the patience to go through this bit by bit.
@machine0man
@machine0man 3 года назад
Bro , your 35 minutes of video would have saved more than 35 hours of mine. So , its like I travelled back to more than 35 hours back in the past. Thank you for making this video.
@AdritubeLP
@AdritubeLP 5 лет назад
This is THE greatest video on shader graph that I've seen. Very nice work. Thanks!
@zeiksz
@zeiksz 4 года назад
I replaced my bookmark for the documentation to this pure-awesomeness. Thank you!
@ayaanq8
@ayaanq8 5 лет назад
This is by far the best video on Shader Graphs available on RU-vid
@oldcat1790
@oldcat1790 3 года назад
which is terrible, considering how many things he skipped
@squarerootof2
@squarerootof2 3 года назад
If this is the best there is we're all well and truly fvcked!!!
@adansmith6174
@adansmith6174 5 месяцев назад
I was looking for a tutorial like this. Thank you so much ❤
@Chilzivi
@Chilzivi 3 года назад
Thank you so much for this! Coming back to this video regularly!
@manideepadithya1120
@manideepadithya1120 5 лет назад
Love you broooo...might be the best RU-vid video everrrrr....waited eagerly and finally out thank you very much
@RPGamesDev
@RPGamesDev 3 года назад
Awesome! I recently started using shader graph and this video helps me a lot.
@XecutionStyle
@XecutionStyle 4 года назад
Useful video. Why are people claiming it's the best on the topic? If we're new enough to watch this, then we've no clue how to judge that.
@SnutiHQ
@SnutiHQ 5 лет назад
Learned quite a few new uses for some nodes I already though I kneew, awesome! 💪
@elijahjns81
@elijahjns81 4 года назад
Wow, my brain is exploding with knowledge. I'm quite sure I will reference this video a dozen more times.
@davidfuentes-graphicdesign6507
@davidfuentes-graphicdesign6507 4 года назад
Best Unity Shadergraph video, period! Thank you!
@sanchitgngplays
@sanchitgngplays 4 года назад
very well explained! I surrender, I don't want to go deeper than this.
@Ophelos
@Ophelos 5 лет назад
A huge thank you for making this video. I've been trying to find something like for a while now.
@beaniebruh875
@beaniebruh875 2 года назад
Awesome work and thanks for the video. Though I must say my favorite part of this video: Twy, Pweview, Subscwibe, Gwaph, Cweate, Subtwact, Weplay, Wange, etc.
@kinnikunky
@kinnikunky 4 года назад
I'm sure someone has mentioned this by now, but you've mixed up triangle and sawtooth waves in the explanation. Triangle wave moves up and down evenly. Sawtooth ramps up slowly and drops to zero immediately. At least that's how it is in electronics and synthesizers and I assume they didn't cross those in Unity. AWESOME video still!!! Wonderful to see that all gone though.
@gmay67eoa
@gmay67eoa 3 года назад
Thanks for creating this video! Great work ✌️
@lndozois
@lndozois 3 года назад
Reconstruct Z allows you to pack your normal map into 2 channels of a texture, freeing up the third for something else, like using the four channels for NormalX, NormalY, Metalness and Roughness on in one ARGB texture.
@kampfiretv9309
@kampfiretv9309 4 года назад
Great to find little nuggets of gold on this journey...thx for what you do...😁🇸🇪😁
@pavka0
@pavka0 5 лет назад
HI! How can I achieve a repeating rectangle effect with Rectangle Node? I cant understand it from Unity documentation. Thanks!
@hojaverde5265
@hojaverde5265 5 лет назад
This is pure gold. Thank you!
@DitzelGames
@DitzelGames 5 лет назад
You are pure gold!🤪
@onlybooleans
@onlybooleans 4 года назад
@@DitzelGames no, you are!
@elzeldoverde249
@elzeldoverde249 4 года назад
Love it, great tutorial! Helped me a lot
@RomanPapush
@RomanPapush 5 лет назад
Damn! Amazing job on covering Shader Graph in such a way! 🙌
@Pinkhair3d
@Pinkhair3d 4 года назад
Reconstruct Normals is used when you have packed textures that only use two channels for normal and use the other two channels for something else like alpha or emission. Usually textures meant for other engines.
@rawa6496
@rawa6496 4 года назад
Best video on shader graph on RU-vid by far!! Any chance of doing the same video about the vfx graph? can't find anything anywhere that covers that
@fl0killa
@fl0killa 4 года назад
THANK YOU SO MUCH FOR THIS, It was extremely helpful!
@TheJamnikER
@TheJamnikER 3 года назад
Thanks, very helpful video!
@TheKorabkoff
@TheKorabkoff 3 года назад
Great tutorial! I would like more like this :) TNX!
@juleswombat5309
@juleswombat5309 3 года назад
cool description, many thanks
@ozanyokuva6930
@ozanyokuva6930 3 года назад
Hey , I know the post is very old but , I need to ask this anyways . I am using 2d Renderer ->sprite shader unlit , for my UI button shaders , but I have a problem. In editor everything works fine , but in Android device , My shaders fall behind the 3d vertex renders although my canvas is overlay while the camera is passing through 3d objects. I need something to tell the shader that the output is overlay. I have the same problem in TextMesh pro, but it has an overlay shader option and choosing that shader solves the problem , which gave me the hope that I can do the samething in my shaders and fix the issue. Thanks in advance .
@elliottk68va
@elliottk68va 3 года назад
Thank you! 8) It's a lot of help just to what's available and what they all do. 8)
@upprrdimensions892
@upprrdimensions892 3 года назад
Thanks. Very good tut.
@tunaroll3957
@tunaroll3957 4 года назад
Awesome video, super helpful, thx a lot!
@antoniopepe
@antoniopepe 4 года назад
there insnt a GRADIENT REMAP for texture similar to any other 3d software ?
@jake-vr
@jake-vr 5 лет назад
Really helpful video, thank you!
@gamedevjourney4231
@gamedevjourney4231 3 года назад
Wow great. Thanks for this video.
@Wimachtendink
@Wimachtendink 4 года назад
This is so great, thank you!
@qu765
@qu765 3 года назад
Learning unity from a background of Blender, and I'm really liking all the nodes. Different but I feel like there are more that make it so you need to build up from basic math nodes, that are specific for certain situations. Like the reflect is very doable with just plan math, but it is so much nicer to just have a node to do it all for you. Not sure yet though if this means that you have less functionality, but I have a feeling that it just has less input and out put nodes to make up for it.
@PunishCrow12
@PunishCrow12 3 года назад
Great job man! You got 1 new sub.
@timothyrasmussen1540
@timothyrasmussen1540 4 года назад
How do you sketch inside shader graph? :O What is the shortcut? :O
@Torbulous
@Torbulous 3 года назад
Don't know of someone mentioned this or not but at 4:00 the node that inverts the z axis, I believe this is because DirectX and Open GL read Normal maps differently so if you created a normal map with reversed values this isnprobably a way to fix it. I know Open GL and direct X read normals differently but I forget how. I think they flip the green channel? Maybe someone can correct me here.
@SlayerDUDE1993
@SlayerDUDE1993 4 года назад
sorry guys i'm dumbo so I have to ask what's the difference between blend vs lerp and negate vs one minus? thanks)
@phanisrikar7191
@phanisrikar7191 4 года назад
You're breathtaking!
@mrpeng9734
@mrpeng9734 3 года назад
So many thanks, from the beginner.
@datbui0
@datbui0 4 года назад
thank for my tutorial . I love it.
@godev
@godev 4 года назад
Thanks for this very helpful video
@odestascop5054
@odestascop5054 3 года назад
Good Job ! Thanks for this :)
@djarcas
@djarcas 3 года назад
"Normal Reconstruct Z is the most useless node" Brilliant. Wrong, too.
@pits.7629
@pits.7629 4 года назад
perfekter einstieg für mich als shader newbie, danke sehr ;D
@dspartan007
@dspartan007 4 года назад
just what i needed
@Need2pee
@Need2pee 2 года назад
Next day in class Teacher : What is a vector ? Me : A vector is a vector
@YTitov
@YTitov 4 года назад
Normal reconstruction node is not useless.. It could be used to reduce size of the normal map on 33% by using only 2 normal map channel (r,g) and reconstruct third channel (b). This type of packing is used in EVE Online. With this technique, you can also pack for example Metallic, Smoothness maps in to single texture with Normal map by usage on only 2 channel of it.
@juicedup14
@juicedup14 3 года назад
The tangent vector is the vector of the tangent *ah yes the floor is made of floor*
@linhphamarts1532
@linhphamarts1532 3 года назад
AWESOMEEEEEE!!!!!!!!!
@Ziboo30
@Ziboo30 4 года назад
"Normal Reconstruct Z" is when you pack want to pack your normal map with another texture. Since you can reconstruct the blue channel in the shader, you could put your smoothness inside the blue channel for instance. So R,G normal map, B: smoothness. Some game does that to save memory and texture sampling, for instance Zelda breath of the wild
@hiquality
@hiquality 4 года назад
Thank you for your clarification, it makes sense
@CarbonI4
@CarbonI4 4 года назад
I believe HDRP has this by default for the normal maps contained inside detail textures, which is probably why the node is there. (From memory HDRP detail textures have the first channel being a greyscale lighten/darken mask in overlay mode, the second 2 channels are the R G normal map, and the last is a mask texture)
@SasukeUchiha723
@SasukeUchiha723 4 года назад
you've earned a sub and like with this video
@RogDolos
@RogDolos 4 года назад
Super useful!
@RaceSmokie
@RaceSmokie 2 года назад
Great job man! Can you make same thing but about visual scripting?
@joshpolman201
@joshpolman201 3 года назад
Unity, hire this man!!
@CineShivansh
@CineShivansh 4 года назад
Good work, though missing out the use cases. background music is distracting, You sound like barry kripke from Big bang. Keep up the good work, thank you.
@coffeediction
@coffeediction 5 лет назад
One word: AWESOME. Im Summoning the yt algorithm.... get this guy 10m views so he can earn something for this effort. Thank you. Btw. I think Derivation can be used for Z simulation or shore effects if Im not mistaken. There arent any videos though anyone using it :P
@ruceus5561
@ruceus5561 4 года назад
Hi, pls put the timestamps in the describtion! RU-vid now splits the timeline wich makes it much easier to jump to specific chapters :)
@NANI-cp9mg
@NANI-cp9mg 4 года назад
Explaining everything? Dude you are being too nice. PLease stop XD
@auleu
@auleu 4 года назад
Polar coordinates is useful for creating a radial gradient.
@vyacheslavzemlyanik1292
@vyacheslavzemlyanik1292 3 года назад
I guess Normal Reconstruct Z can be used to reconstruct complete Normal map from a texture, where B channel (for example) used for some else BW map (like metallness oughness)
@abiyyupanggalih854
@abiyyupanggalih854 3 года назад
exactly what i need
@LinhNguyen-mv8tt
@LinhNguyen-mv8tt 5 лет назад
awesome! thanks you.
@beaverjoe9171
@beaverjoe9171 3 года назад
Super Thank!
@thelosttraveler5808
@thelosttraveler5808 4 года назад
You're a hero
@jamesmcelroy414
@jamesmcelroy414 5 лет назад
All Nodes? Wow man .. What can I say .. Even though we can read the nodes from documents it's really helpful with notes from someone knows these better than you .. Thanks
@WesleyOverdijk
@WesleyOverdijk 3 года назад
I'm trying to understand the geometry nodes better. Those are also the only nodes that are being rushed through in this video :( The rest of the video is really good though. I learned a lot from it, thank you.
@manuelglez9347
@manuelglez9347 5 лет назад
Freaking awesome!
@Lost1nTranslation
@Lost1nTranslation 5 лет назад
Thank youuuuuuuu!
@auaoo3415
@auaoo3415 5 лет назад
great,thank you
@liluo7513
@liluo7513 4 года назад
Thanks a lot !
@giuseppemilana6220
@giuseppemilana6220 3 года назад
you are awsome!
@arkilisx
@arkilisx 2 года назад
This is awesome, anyone knows how to use random range node?
@SystemsDevel
@SystemsDevel 4 года назад
Thanks for the great explanation! Could you please do the same for the vfx graph :)
@verticessoftware
@verticessoftware 5 лет назад
Wow, great job!
@DitzelGames
@DitzelGames 5 лет назад
Thanks
@Exrawx
@Exrawx 5 лет назад
TY!
@yoummanho
@yoummanho 2 года назад
Unreal panner node -> unity shader graph node???
@sadeepweerasinghe
@sadeepweerasinghe 3 года назад
thanks
@janciharunispolakovic4393
@janciharunispolakovic4393 3 года назад
It is explained, But definirelly not "completly". Also, would be nice to mention that it is not for total beginners. Node editor is not programming, nodes are artists tool. Would be nice to have at least one example of using it for every topic. But thanks anyway, it helped.
@EmmanuelMayor
@EmmanuelMayor 3 года назад
28:09 You mixed up triangle waves with sawtooth waves. Sawtooth is the one that goes immediatly to 0. The other onoe is Triangle wave
@ledapigeon
@ledapigeon 4 года назад
thank bro
@thiagommdp
@thiagommdp 4 года назад
thanks bro!!!
@DitzelGames
@DitzelGames 4 года назад
Brocoli
@monkeyrobotsinc.9875
@monkeyrobotsinc.9875 4 года назад
this video made me feel like Trinity downloading helicopter pilot trainining directly to my brain from within the MATRIX!!!!!!!!
@tbwentmia
@tbwentmia 3 года назад
Gonna cry pussy
@boost321gaming6
@boost321gaming6 4 года назад
covered every node + well explained + explaining everything in the least possible time without any type of time waste for getting more watch time ++ EVEN TAKING YOUR TIME TO PUT TIME STAMPS TO EACH NODE ++++++++++++++++++++++++++++++++++
@TheKustomphaq
@TheKustomphaq 4 года назад
wow.... best video i see in ages, well and quick explained! porn for my eyes.
@hiendangthai9778
@hiendangthai9778 Год назад
You're angel
@monkeyrobotsinc.9875
@monkeyrobotsinc.9875 4 года назад
im picking up some Elmer FUDD
@1mikhaelone
@1mikhaelone 4 года назад
i had no idea Bruce Lee could explain this so clearly! thank you!
@thomastum6992
@thomastum6992 5 лет назад
This is the bread guys
@VVIZART_STUDIOS24
@VVIZART_STUDIOS24 5 лет назад
Wohoooo
@monkeyrobotsinc.9875
@monkeyrobotsinc.9875 4 года назад
NOT ENUFF EXAMPLES. THIS IS BAD.....
@Amar-lv1yw
@Amar-lv1yw 3 года назад
Sorry but there is almost ni explanation just naming the nodes and saying "Yeah input something and get output"
@madhusudanpanda6396
@madhusudanpanda6396 2 года назад
Applause
Далее
An introduction to Shader Art Coding
22:40
Просмотров 943 тыс.
Dear Game Developers, Stop Messing This Up!
22:19
Просмотров 695 тыс.
Elden Ring DLC - ПОДОЖГЛО ПОПУ!
07:26
Просмотров 331 тыс.
Qizim 58-qism | Anons |Nimaga meni bolam o'ladi ?
00:47
Blender 4.2 Features in LESS THAN FIVE MINUTES!
5:38
Shader Graph fundamentals in Unity
35:48
Просмотров 78 тыс.
Adobe is horrible. So I tried the alternative
25:30
Просмотров 702 тыс.
How I Created 2D Pixel Art Water - Unity Shader Graph
14:11