How to use Noise Textures and create simple Shaders in Godot

preview_player
Показать описание
You can download the whole project in this Repository @ GitHub:
And to grab more textures like the "light glow" I used here, check out my other video about Particles and Effects here:

Buy me a coffee:

Follow me on Twitter:

Join the nice Community at the Everett Station Discord:

Timestamps:
00:00 Intro
00:20 Creating a new shader
01:05 Loading a texture in a shader
02:33 Animate a texture in a shader
02:50 Separate the textures color channels
04:46 Use the animation as the shaders alpha
06:21 Making a color selector for the shader
07:58 Adding a gradient (also: why not use NoiseTexture directly)
09:40 Changing the "flow" direction
10:35 Generate the noise textures inside Godot
11:44 Combining the exported textures in Photoshop
12:05 Outro
Рекомендации по теме
Комментарии
Автор

Thank you.
This deserves more likes.
I've been scouring youtube to learn more about shaders in godot,
and I can safely say that this one's by far the most comprehensivey video out here.

itaykalininsky
Автор

it's a goldmine! We need more tutorials about Shaders tricks.

qwarybatrad
Автор

you are a legend of making good looking graphics in godot!!!...(i also saw it in bottomless progress log)

seemarajput
Автор

Another incredible tutorial! I played your gamejam game a good while ago and it was when I was semi new to Godot and I thought "Wow okay this engine really can do awesome things" and since you've just pushed it further. I believe Godot needs a defining game and I believe you could be the guy to give it us.
PLEASE keep going with the youtube!

rungeon
Автор

I learned quite a lot today following this tutorial. I tried to replicate everything myself on the way: making the noise generator -> learning stuff about the viewport node and noise textures, using the different noise textures for the color channels using gimp and making simple light textures using blender + krita.
And obviously I learned a bit about what I can do with shaders, which is why I watched the tutorial in the first place, in a well explained and easy-to-understand way!
Thanks a lot for this tutorial!

affensind
Автор

This can be used for a dissolve effect! I wanted to do some research about this stuff for the Godot tonight. Huge thanks!

MateoTeos
Автор

It's a shame I missed the live Godot QA awhile ago

btw, Another great Godot content!

I like how you go over the script step by step, instead of outright writing the entire shader and just explaining line by line.
The step by step really helps visualizing and understanding the functions and effects of each line of code.

kusog
Автор

Just an Alert! In Godot 4+, you need to use this line to declare the image used:
uniform sampler2D noise_img: repeat_enable;
This will force the shader to repeat the texture.

alexl
Автор

I was looking for this.
Thanks for sharing this awesome tutorial!

rpgdonalephius
Автор

Amazing! very happy to learn Godot form you :)

DrNabeel
Автор

Excellent video. Once you explained moving the different colour channels (unlike all the other videos I watched), everything just made so much sense! Thanks!

bobjones
Автор

Another really cool and helpful tutorial, thanks for making this! Great explanations and super easy to follow.

jmbiv_dev
Автор

Your tutorials are great, clean explanation and easy to follow, thank you so much!

joe
Автор

Thx for the tut. In case anyone is stuck at the beginning, as of Godot v4.1.3.stable.official, you need to give explicit hints for noise_img wrapping to work. Ie. `uniform sampler2D noise_img: filter_nearest, repeat_enable;`

zandernoriega
Автор

Top notch content! Instant subscribe :)

upta
Автор

Thanks. in Godot4: need to set repeat on texture node (not import) and on uniform: uniform sampler2D noise: repeat_enable;

RakkaRage
Автор

This was an incredible tutorial thank you very much ! 🍀

bariscanbilgin
Автор

Thanks you! Finally starting to understand Shaders

dogeatdog
Автор

Awesome! It would be nice if the code was more zoomed in though, just for readability on mobile

BramwellWilliams
Автор

Wow amazing tutorial rafa as always! Very well explained and as a lot of uses. Give a like in bout accounts but deserve even more 😉

marcosadrian