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.
@@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.
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!
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.
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!
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;`
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.
Excellent video. Once you explained moving the different colour channels (unlike all the other videos I watched), everything just made so much sense! Thanks!
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)
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
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.
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.
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.
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
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"
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?
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)
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.
it's a goldmine! We need more tutorials about Shaders tricks.
That is really the entry level! It get's much more interesting if you have a special effect you want to go for!
I will add to that petition ! 👆
@@picster could you show us how you did some of the flare effects for bottomless? They looked awesome!!!
@@ididnttiemyshoes which one do you mean?
@@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.
you are a legend of making good looking graphics in godot!!!...(i also saw it in bottomless progress log)
Thanks so much for the nice words!
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!
Wow, thanks for the super nice and motivating words!
Well well well.... XD
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.
This can be used for a dissolve effect! I wanted to do some research about this stuff for the Godot tonight. Huge thanks!
It absolutely can be used for that. If you want to experiment around with this, look into the step function inside a shader!
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!
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;`
you are my hero
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.
Thanks for the feedback! So glad it seems to have worked out the way I intented it to work!
Another really cool and helpful tutorial, thanks for making this! Great explanations and super easy to follow.
Cool! Thanks for the nice words man!
I was looking for this.
Thanks for sharing this awesome tutorial!
Excellent video. Once you explained moving the different colour channels (unlike all the other videos I watched), everything just made so much sense! Thanks!
Amazing! very happy to learn Godot form you :)
Awesome! It would be nice if the code was more zoomed in though, just for readability on mobile
OH GOD! I forgot it again 😫 Thanks! The next time I really try to remember!
Your tutorials are great, clean explanation and easy to follow, thank you so much!
You're welcome!
Thanks. in Godot4: need to set repeat on texture node (not import) and on uniform: uniform sampler2D noise: repeat_enable;
Top notch content! Instant subscribe :)
Thanks!
You’re a *GENIUS*!!!
Haha, thank you!
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 😉
Thanks a lot 😁
This was an incredible tutorial thank you very much ! 🍀
Thanks you! Finally starting to understand Shaders
And the laser? boy teach us that!!!
amazing tutorial, thank you so much
What an amazing content, good job
Thanks a lot!
This is really awesome effects
Great tutorial! Could you possibly set your screen resolution lower/make everything bigger so we can see more of the screen?
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!
Very nice, Thanks for sharing!!!
My pleasure ☺️
you are the king of kings
Haha, thanks!
I cannot thank you enough for your amazing videos.
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)
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
Okay. I have a trick in my mind to make that transition smooth. I'll share it with you when it's done :D
Thank you very much!
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.
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.
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!
I like when u teach me shading in Godot
🤘
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.
very nice! :D
mindblowing, thx
You're welcome!
gut erklärt und einfach zu verstehen, besser hätte das video nicht sein können :)
great video i love it
Good video
thanks!
gracias padre
Please, make a tutorial on a simple game then, add feature of this kind. Amazing
cool stuff!
Thanks and welcome to the Discord!
cool
my problem is on my small secondary monitor i just cant read this tiny font you use.
você ensina muito bem cara ganhou um inscrito 😃👏
Wow !
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
I never heard of it - So I can't share my opinion.
@@picster thank
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"
You probably forgot to select the viewport container node at the export variable slot.
Brother can u make tutorial for welding spark shader plzzz🥺🥺🥺
I would use a particle system for that (which is also a shader in the end...). But heck, why not 😊
Love this video but I can't make my shader animate in Godot 4. Im noob. What am I doing wrong?
Hm, hard to tell. I will check it out in the upcoming days
You add the line to the shader script. " uniform sampler2D noise_img: repeat_enable; "@@picster
Subscribed. Please enlarge the font size in your next videos though, it's unwatchable in mobile.
Thanks for the feedback! I forgot that again 😑
Just watched it on my mobile, had zero issues
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?
There is a hint for the uniform inside the shader : repeat_enable;
What the replacement option for 'Repeat' in import section for Godot 4?
In Godot 4, this is set in the Inspector, not at the import stage.
@@picster Okay. Do I have to set Repeat enabled?
@@sandiguha yes
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)
I think it's time to remake this for G4 😅
How to do noise texture using visual shader
I never really used visual shaders. But apart from that, I can imagine there is some kind of texture node there?
great tutorial but your background music sounds creepy.
my neck hurts