How to use Noise Textures and create simple Shaders in Godot

[@itaykalininsky1684]

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.

[@rungeon83]

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!

[@picster]

Wow, thanks for the super nice and motivating words!

[@Chevifier]

Well well well.... XD

[@seemarajput779]

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

[@picster]

Thanks so much for the nice words!

[@qwarybatrad9142]

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

[@picster]

That is really the entry level! It get's much more interesting if you have a special effect you want to go for!

[@marcosadrian65]

I will add to that petition ! 👆

[@ididnttiemyshoes]

@@picster could you show us how you did some of the flare effects for bottomless? They looked awesome!!!

[@picster]

@@ididnttiemyshoes which one do you mean?

[@ididnttiemyshoes]

@@picster Like when the character throws a flare how the smoke comes off and the lights up the darkness around it and how it has that flickering kind of light. I think it's in the trailer during the "venture into darkness" section. I'm sure it's multiple effects though.

[@affensind]

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!

[@MateoTeos]

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

[@picster]

It absolutely can be used for that. If you want to experiment around with this, look into the step function inside a shader!

[@DrNabeel20]

Amazing! very happy to learn Godot form you :)

[@rpgdonalephius6216]

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

[@kusog3]

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.

[@picster]

Thanks for the feedback! So glad it seems to have worked out the way I intented it to work!

[@zandernoriega]

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;`

[@jonathanconey4552]

you are my hero

[@RakkaRage]

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

[@alexl7213]

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.

[@Csbees]

tysm I'm learning shaders and never would have figured this out

[@bobjones304]

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

[@upta]

Top notch content! Instant subscribe :)

[@picster]

Thanks!

[@jmbiv_dev]

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

[@picster]

Cool! Thanks for the nice words man!

[@joe84222]

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

[@picster]

You're welcome!

[@BramwellWilliams]

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

[@picster]

OH GOD! I forgot it again 😫 Thanks! The next time I really try to remember!

[@TheMrPalich]

What an amazing content, good job

[@picster]

Thanks a lot!

[@waliullahmetroid1338]

You’re a *GENIUS*!!!

[@picster]

Haha, thank you!

[@marcosadrian65]

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 😉

[@picster]

Thanks a lot 😁

[@bariscanbilgin]

This was an incredible tutorial thank you very much ! 🍀

[@dogeatdog6157]

Thanks you! Finally starting to understand Shaders

[@vilayouthvongsomxai8215]

This is really awesome effects

[@boerbol9422]

I cannot thank you enough for your amazing videos.

[@caraccount863]

Very nice, Thanks for sharing!!!

[@picster]

My pleasure ☺️

[@pablogri4667]

you are the king of kings

[@picster]

Haha, thanks!

[@kocraft137]

I like when u teach me shading in Godot

[@picster]

🤘

[@aneckdope]

amazing tutorial, thank you so much

[@t3du]

And the laser? boy teach us that!!!

[@chris_gamedev]

very nice! :D

[@lukevost]

You can create cool RGB noise textures into Blender: Simple instruction: 1. Create plane 2. Add new material, remove default shader 3. Add noise texture and connect into Material output. 3.1. Add Mapping node for scale, rotation or mix it with other textures. 4. Setup camera and Output properties (Right panel), Render properties -> Color management -> View transform -> Standart 5. F12 -> Image -> Save as. Full instruction: 1. Create new project, select Camera, set rotation X,Y,Z to 0. Right click -> Snap -> Selection to cursor. Click G -> Z -> Move camera up. 2. Shift + A -> Mesh -> Plane, Switch to Camera View (Numpad 0), Select plane -> S -> Scale to camera view. 3. Add new material to Plane. 4. Remove default shader node (Principled BSDF), Shift + A -> Texture -> Noise Texture. 5. Connect Noise Texture node to Material output. 6. Output properties (Right panel) -> Setup resolution of your texture & Render properties -> Color management -> View transform -> Standart 5. F12 -> Image -> Save as. I don't know is it TRUE way or not, but it works well for me. I tried to create RGB Noise into Gimp, but it's not easy. Blender way seems much more simple and with a lot of noise settings.

[@RyanScottForReal]

Great tutorial! Could you possibly set your screen resolution lower/make everything bigger so we can see more of the screen?

[@picster]

I googled again and yes! There is a UI scaling option! If I remember to do so, I will set it to 125% next time and also zoom in on the code!

[@alaxbael8503]

I got an error in the noise generator at line 4, it says "invalid type in function 'get_node' in base 'viewpoint container (Node 2D gd)'. Cannot convert argument 1 from Nill to Node path"

[@picster]

You probably forgot to select the viewport container node at the export variable slot.

[@SilasonLinux]

my problem is on my small secondary monitor i just cant read this tiny font you use.

[@mio-xh1ln]

gut erklärt und einfach zu verstehen, besser hätte das video nicht sein können :)

[@stefanobertolotti2555]

Good video

[@picster]

thanks!

[@mrdixioner]

Please make the code font larger, because... on regular monitors (not 2k) it is too small and it is very difficult to make out what you are doing. Some video creators intentionally enlarge the font to make it easier for others to see. Also increase the settings areas. In Godot you can increase the interface font.

[@KyleLuce]

Awesome stuff. Any reason you didn't save the noise image directly with your Godot noise tool? I was thinking probably could combine the 3 textures in a shader pointing to r,g and b (mutually exclusive), then save off as screenshot. All in one sort of thing to save time, but I may have missed a pain point in doing so.

[@picster]

I'm just faster like this. If you want to reuse it for different noise effects, it could absolutely be faster writing the few extra lines of code!

[@RafaFiedo]

cool stuff!

[@picster]

Thanks and welcome to the Discord!

[@potthegreen]

mindblowing, thx

[@picster]

You're welcome!

[@villainsgame9778]

Brother can u make tutorial for welding spark shader plzzz🥺🥺🥺

[@picster]

I would use a particle system for that (which is also a shader in the end...). But heck, why not 😊

[@ikroopsinghkalsi3810]

Love this kind of shader content and the way you explain it. I had a question, should we use a shader (if we want) for transitioning between whole scenes? (In performance terms)

[@picster]

You can do that of course, it needs a trick or two to pull it off if you want to transition in a way that both scenes are involved at the same time. If it's a transition with a clear cut (like a full black screen at some point), it's much easier

[@ikroopsinghkalsi3810]

Okay. I have a trick in my mind to make that transition smooth. I'll share it with you when it's done :D

[@auto-fav8969]

great video i love it

[@sandiguha]

What the replacement option for 'Repeat' in import section for Godot 4?

[@picster]

In Godot 4, this is set in the Inspector, not at the import stage.

[@sandiguha]

@@picster Okay. Do I have to set Repeat enabled?

[@picster]

@@sandiguha yes

[@markvador6667]

Please, make a tutorial on a simple game then, add feature of this kind. Amazing

[@OlegSabit]

Sorry if the question is off-topic. I would like to know your opinion on the GDevelop5 engine. I see his advertisements very often. Is he as good as they say or are there pitfalls

[@picster]

I never heard of it - So I can't share my opinion.

[@OlegSabit]

@@picster thank

[@ColorauGuiyino]

Thank you very much!

[@martenolofsson7649]

Love this video but I can't make my shader animate in Godot 4. Im noob. What am I doing wrong?

[@picster]

Hm, hard to tell. I will check it out in the upcoming days

[@martenolofsson7649]

You add the line to the shader script. " uniform sampler2D noise_img: repeat_enable; "@@picster

[@scantinstance5256]

Im very frusted. I was looking for a tutorial on this exact topic. Idk if its a problem with the new godt version but there’s simply no repeat option in the import selection. Turning repeat on in the inspector doesn’t let me animate the texture.(it simply stayes as an stretch, what can i do to build shaders?? EDIT: in short, does someone know how to animate a texture using a Texture2D instead of just an Texture?

[@picster]

There is a hint for the uniform inside the shader : repeat_enable;

[@Gury9478]

você ensina muito bem cara ganhou um inscrito 😃👏

[@ivanzdanov4479]

hey there, i tried following this in godot 4. and the smoke starts out as smoke but turns into a grid. would anyone have suggestions? (hint_color was changed to source_color, that's the only difference i see in terms of the code)

[@picster]

I think it's time to remake this for G4 😅

[@raulsoto4801]

gracias padre

[@Msgraciepacey]

How to do noise texture using visual shader

[@picster]

I never really used visual shaders. But apart from that, I can imagine there is some kind of texture node there?

[@xixieed]

Wow !

[@peeingred4737]

Subscribed. Please enlarge the font size in your next videos though, it's unwatchable in mobile.

[@picster]

Thanks for the feedback! I forgot that again 😑

[@justsomenamelesssoul8097]

Just watched it on my mobile, had zero issues

[@cmds.learning7426]

cool

[@ernielpilapil]

great tutorial but your background music sounds creepy.

[@snailwar]

my neck hurts