Тёмный

How to use Noise Textures and create simple Shaders in Godot 

Picster
Подписаться 13 тыс.
Просмотров 31 тыс.
50% 1

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

 

6 окт 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 100   
@alexl7213
@alexl7213 4 месяца назад
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.
@qwarybatrad9142
@qwarybatrad9142 3 года назад
it's a goldmine! We need more tutorials about Shaders tricks.
@picster
@picster 3 года назад
That is really the entry level! It get's much more interesting if you have a special effect you want to go for!
@marcosadrian65
@marcosadrian65 3 года назад
I will add to that petition ! 👆
@ididnttiemyshoes
@ididnttiemyshoes 2 года назад
@@picster could you show us how you did some of the flare effects for bottomless? They looked awesome!!!
@picster
@picster 2 года назад
@@ididnttiemyshoes which one do you mean?
@ididnttiemyshoes
@ididnttiemyshoes 2 года назад
@@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.
@itaykalininsky1684
@itaykalininsky1684 4 дня назад
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
@rungeon83 3 года назад
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
@picster 3 года назад
Wow, thanks for the super nice and motivating words!
@Chevifier
@Chevifier 3 года назад
Well well well.... XD
@seemarajput779
@seemarajput779 3 года назад
you are a legend of making good looking graphics in godot!!!...(i also saw it in bottomless progress log)
@picster
@picster 3 года назад
Thanks so much for the nice words!
@BramwellWilliams
@BramwellWilliams 3 года назад
Awesome! It would be nice if the code was more zoomed in though, just for readability on mobile
@picster
@picster 3 года назад
OH GOD! I forgot it again 😫 Thanks! The next time I really try to remember!
@affensind
@affensind 3 года назад
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!
@RakkaRage
@RakkaRage 2 года назад
Thanks. in Godot4: need to set repeat on texture node (not import) and on uniform: uniform sampler2D noise: repeat_enable;
@MateoTeos
@MateoTeos 3 года назад
This can be used for a dissolve effect! I wanted to do some research about this stuff for the Godot tonight. Huge thanks!
@picster
@picster 3 года назад
It absolutely can be used for that. If you want to experiment around with this, look into the step function inside a shader!
@kusog3
@kusog3 3 года назад
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
@picster 3 года назад
Thanks for the feedback! So glad it seems to have worked out the way I intented it to work!
@DrNabeel20
@DrNabeel20 3 года назад
Amazing! very happy to learn Godot form you :)
@rpgdonalephius6216
@rpgdonalephius6216 3 года назад
I was looking for this. Thanks for sharing this awesome tutorial!
@bobjones304
@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!
@jmbiv_dev
@jmbiv_dev 3 года назад
Another really cool and helpful tutorial, thanks for making this! Great explanations and super easy to follow.
@picster
@picster 3 года назад
Cool! Thanks for the nice words man!
@upta
@upta 3 года назад
Top notch content! Instant subscribe :)
@picster
@picster 3 года назад
Thanks!
@kocraft137
@kocraft137 3 года назад
I like when u teach me shading in Godot
@picster
@picster 3 года назад
🤘
@waliullahmetroid1338
@waliullahmetroid1338 3 года назад
You’re a *GENIUS*!!!
@picster
@picster 3 года назад
Haha, thank you!
@joe84222
@joe84222 3 года назад
Your tutorials are great, clean explanation and easy to follow, thank you so much!
@picster
@picster 3 года назад
You're welcome!
@TheMrPalich
@TheMrPalich 3 года назад
What an amazing content, good job
@picster
@picster 3 года назад
Thanks a lot!
@zandernoriega
@zandernoriega 10 месяцев назад
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
@jonathanconey4552 5 месяцев назад
you are my hero
@marcosadrian65
@marcosadrian65 3 года назад
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
@picster 3 года назад
Thanks a lot 😁
@pablogri4667
@pablogri4667 3 года назад
you are the king of kings
@picster
@picster 3 года назад
Haha, thanks!
@t3du
@t3du 2 года назад
And the laser? boy teach us that!!!
@bariscanbilgin
@bariscanbilgin 9 месяцев назад
This was an incredible tutorial thank you very much ! 🍀
@dogeatdog6157
@dogeatdog6157 2 года назад
Thanks you! Finally starting to understand Shaders
@chris_gamedev
@chris_gamedev 3 года назад
very nice! :D
@caraccount863
@caraccount863 3 года назад
Very nice, Thanks for sharing!!!
@picster
@picster 3 года назад
My pleasure ☺️
@stefanobertolotti2555
@stefanobertolotti2555 3 года назад
Good video
@picster
@picster 3 года назад
thanks!
@boerbol9422
@boerbol9422 2 года назад
I cannot thank you enough for your amazing videos.
@vilayouthvongsomxai8215
@vilayouthvongsomxai8215 2 года назад
This is really awesome effects
@RyanScottForReal
@RyanScottForReal 3 года назад
Great tutorial! Could you possibly set your screen resolution lower/make everything bigger so we can see more of the screen?
@picster
@picster 3 года назад
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!
@mrdixioner
@mrdixioner 11 месяцев назад
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.
@aneckdope
@aneckdope Год назад
amazing tutorial, thank you so much
@potthegreen
@potthegreen 3 года назад
mindblowing, thx
@picster
@picster 3 года назад
You're welcome!
@ColorauGuiyino
@ColorauGuiyino Год назад
Thank you very much!
@markvador6667
@markvador6667 3 года назад
Please, make a tutorial on a simple game then, add feature of this kind. Amazing
@RafaFiedo
@RafaFiedo 3 года назад
cool stuff!
@picster
@picster 3 года назад
Thanks and welcome to the Discord!
@auto-fav8969
@auto-fav8969 2 года назад
great video i love it
@lukevost
@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.
@alaxbael8503
@alaxbael8503 2 года назад
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
@picster 2 года назад
You probably forgot to select the viewport container node at the export variable slot.
@ikroopsinghkalsi3810
@ikroopsinghkalsi3810 3 года назад
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
@picster 3 года назад
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
@ikroopsinghkalsi3810 3 года назад
Okay. I have a trick in my mind to make that transition smooth. I'll share it with you when it's done :D
@KyleLuce
@KyleLuce 3 года назад
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
@picster 3 года назад
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!
@villainsgame9778
@villainsgame9778 3 года назад
Brother can u make tutorial for welding spark shader plzzz🥺🥺🥺
@picster
@picster 3 года назад
I would use a particle system for that (which is also a shader in the end...). But heck, why not 😊
@mio-xh1ln
@mio-xh1ln Год назад
gut erklärt und einfach zu verstehen, besser hätte das video nicht sein können :)
@hiltontalles9478
@hiltontalles9478 3 года назад
você ensina muito bem cara ganhou um inscrito 😃👏
@OlegSabit
@OlegSabit 3 года назад
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
@picster 3 года назад
I never heard of it - So I can't share my opinion.
@OlegSabit
@OlegSabit 3 года назад
@@picster thank
@SilasonLinux
@SilasonLinux 3 месяца назад
my problem is on my small secondary monitor i just cant read this tiny font you use.
@cmds.learning7426
@cmds.learning7426 3 года назад
cool
@peeingred4737
@peeingred4737 3 года назад
Subscribed. Please enlarge the font size in your next videos though, it's unwatchable in mobile.
@picster
@picster 3 года назад
Thanks for the feedback! I forgot that again 😑
@justsomenamelesssoul8097
@justsomenamelesssoul8097 3 года назад
Just watched it on my mobile, had zero issues
@raulsoto4801
@raulsoto4801 2 года назад
gracias padre
@xixieed
@xixieed Год назад
Wow !
@martenolofsson7649
@martenolofsson7649 Год назад
Love this video but I can't make my shader animate in Godot 4. Im noob. What am I doing wrong?
@picster
@picster Год назад
Hm, hard to tell. I will check it out in the upcoming days
@martenolofsson7649
@martenolofsson7649 Год назад
You add the line to the shader script. " uniform sampler2D noise_img: repeat_enable; "@@picster
@sandiguha
@sandiguha Год назад
What the replacement option for 'Repeat' in import section for Godot 4?
@picster
@picster Год назад
In Godot 4, this is set in the Inspector, not at the import stage.
@sandiguha
@sandiguha Год назад
@@picster Okay. Do I have to set Repeat enabled?
@picster
@picster Год назад
@@sandiguha yes
@ernielpilapil
@ernielpilapil 2 года назад
great tutorial but your background music sounds creepy.
@scantinstance5256
@scantinstance5256 11 месяцев назад
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
@picster 11 месяцев назад
There is a hint for the uniform inside the shader : repeat_enable;
@Msgraciepacey
@Msgraciepacey Год назад
How to do noise texture using visual shader
@picster
@picster Год назад
I never really used visual shaders. But apart from that, I can imagine there is some kind of texture node there?
@ivanzdanov4479
@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
@picster Год назад
I think it's time to remake this for G4 😅
@snailwar
@snailwar 5 месяцев назад
my neck hurts
Далее
How To Shader. (using Godot Engine)
7:28
Просмотров 51 тыс.
GODOT TUTORIAL: Shockwave shader for noobs
15:48
Просмотров 53 тыс.
Find The Real MrBeast, Win $10,000
00:37
Просмотров 37 млн
БЫСТРАЯ сборка ПК - от А до Я!
00:22
@ItsMamix учу делать сигму😎
00:12
Просмотров 679 тыс.
ЛЮБИТЕ ШКОЛУ?😁​⁠​⁠@osssadchiy
00:20
Using textures in shaders [in Godot]
37:42
Просмотров 4,1 тыс.
Godot Shader Tutorial [Basics] in 7 minutes
7:47
Просмотров 96 тыс.
How to Use SHADERS in Godot 4 (everything to know)
35:39
I Made the Same Game in 8 Engines
12:34
Просмотров 4,1 млн
Particle Systems in Godot  - Part 1: Getting started in 2D
1:05:08
Introduction to shaders: Learn the basics!
34:50
Просмотров 341 тыс.
An introduction to Raymarching
34:03
Просмотров 143 тыс.
How Games Make VFX (Demonstrated in Godot 4)
5:46
Просмотров 348 тыс.
Find The Real MrBeast, Win $10,000
00:37
Просмотров 37 млн