How To Shader. (using Godot Engine)

Yeah, shaders are strange. But once you know some basic techniques, you can build your own effects. In this video I go over texture scrolling and dissolving, as well as applying shaders to particles.
Part 1: • How To Shader (Fast) -...
Playlist with all our VFX videos: • Godot VFX Tutorials
Resources used:
Godot: godotengine.or...
Krita: krita.org/en/i...
Dragon: pipoya.itch.io...
--
Wishlist our action roguelite Furcifer's Fungeon: store.steampow...
Join our discord server: / discord
Follow us on twitter to stay updated on Furcifer news and tutorials:
/ tweetfurcifer

[@PlayWithFurcifer]

What would you like to know about shaders?

[@Chevifier]

Ive always been interested in ways the pixel depth texture would be used. Not sure its in canvas shaders though🤔

[@Squiffel]

How to use one shader on a group of multiple sprite textures. So maybe a dissolve on a character that is developed from multiple layers of sprites.

[@WCIIINoob]

first of all, thanks for your awesome videos! I would like to know, how you can create a shader for a tilemap + 2dNodes, which does create a rock-texture with a noise (for walls, TOP-DOWN), that covers all elements seemless. For now, I am struggeling, how to get "world-coords" instead the UV (0-1) from the specific tile/node2d. And another interesting problem for me: How to get the information, how to draw boundaries around severel tiles/node2d - "chunks" with a shader, to get a sloped look on the rock-texture.

[@molotov3782]

light void because i didnot understand documentation

[@msabyss_3998]

Stylized Cell shader would be nice

[@g4mingaz]

Please go on forever! Feel like I'm slowly starting to understand shaders :).

[@PlayWithFurcifer]

Thats great! :)

[@Malcx1]

You could go on forever? Yup please do 👍

[@PlayWithFurcifer]

We might have gotten a new series then!

[@etnumgaws8491]

I need it​@@PlayWithFurcifer

[@_Amatol_]

(Godot 4) If you are getting a grey square at 1:00, after trying to add in the time scrolling, make sure under your CanvasItem, the repeat property is set to enabled! This way the texture will keep looping and you'll get the desired effect.

[@TableTopic]

Hey this helped me get a step forward thank you! -- but my "texture2" not long after in the tutorial is just a gray square as well, making the foggy effect not work properly. Any ideas what would cause that?

[@_Amatol_]

​@@TableTopic Glad to hear that it helped! To answer your question, you need to manually set texture2's repeat to enable, so your code should look like: uniform sampler2D texture2 : repeat_enable; This is because repeats are disabled by default in Godot, and my above solution (enabling the repeat property under CanvasItem) will only work for the node's own texture. Hope this helped!

[@TableTopic]

@@_Amatol_ Yo I was trying another tutorial because this one had me stuck-- this solution fixes the problem I had in BOTH tutorials. Thanks so much!

[@_Amatol_]

@@TableTopic No worries, happy coding!

[@roboltamy]

Really appreciate this, got worried when I couldn't figure it out

[@rungeon83]

These shader tutorials are truely gold! I have always struggled learning shaders, but your tutorials are the only ones that click with my brain! Awesome, will be going over this when I'm home!!

[@PlayWithFurcifer]

Amazing! Thank you :)

[@juanloutech2864]

Thanks for your shader videos! It is a very important yet little known area of game design and programming for newbes.

[@PlayWithFurcifer]

:) Shaders are quite underused!

[@des_sun1x]

@@PlayWithFurcifer I wanna thank you too for a well done and interesting guide :)

[@bepisdevs]

These videos de-mystify shaders so much, thank you for these

[@PlayWithFurcifer]

Glad they are helpfull :)

[@loyso1711]

These videos really are amazing ! I'm glad to have found them now, as I am really hyped to see what's coming up next

[@PlayWithFurcifer]

Thank you! :D

[@mahyellaw]

still blown away by the massive results with so little changes in the shader. please keep continuing this series, too! 🙏

[@PlayWithFurcifer]

We will :)

[@dayw81]

There is so much info in such a short time. I love it! Standy for part three.

[@PlayWithFurcifer]

:) Might take a bit tho

[@dayw81]

@@PlayWithFurcifer No worries! I was shocked you got this part ready to go in such a short time. Thank you for doing this!

[@burnheart2965]

Great video. I would like to call out one minor error: "You can avoid if-else statement using step" No you can't, step() is implemented as an if else. Internally it's computing both results.

[@PlayWithFurcifer]

If you want to be pedantic do it right: If anything "If" and "step" internally are implemented as a branch, not as an "if" :)

[@trunghieu974]

This is one of the best shader tutorial I've seen! Great job, keep going with part 3 :D maybe about some advance shader technique like using Z buffer, Stencil buffer ...

[@PlayWithFurcifer]

Thank you very much! :)

[@ministahh]

Please do continue* with the shaders series. This is the best I've seen on the internet on the subject so thanks a lot for your work.

[@PlayWithFurcifer]

Im pretty sure there will be more parts in the future :)

[@ministahh]

@@PlayWithFurcifer I'm glad to hear that, man. Have a great day.

[@Visstnok]

Damn, I hate shaders. But the voice is so soothing and pleasant I couldn't switch it off.

[@MrPodgikins]

Thank God for these videos. I will subscribe and Luke based on solely this. It's nearly impossible to find good shader videos and I always get referenced back to that complicated shades cookbook page or whatever. More!!! 😊😊😊

[@PlayWithFurcifer]

:)

[@dastanghaedrahmati6977]

I've been meaning to get into making shaders for a long while, but they seem scary! I guess this is a sign that I have to do it, this is a great guide. thank you

[@PlayWithFurcifer]

Do it! :D

[@BlendFin]

Congratulations on 10k subscribers!

[@PlayWithFurcifer]

[@faridkemyakov2645]

Great explanation on shaders and how to use them :) Thank you!)

[@PlayWithFurcifer]

My pleasure!

[@Jakub_13]

What a great tutorial! Truly amazing! Part 3, maybe? 👀 I would really like to see a tutorial on light function and normals

[@PlayWithFurcifer]

Pretty sure there will be a part 3, but first we have some other videos coming up :) Sounds interesting

[@kogane6092]

Great video! I would appreciate a shaders tutorial on generating atmospheric fog and/or clouds, especially for parallax scrolling screens

[@PlayWithFurcifer]

Interesting, we might take a loot at that :)

[@SetimoRei]

Go on forever!!!!! kkkkk Thanks for the video again! You opened tons of possibilities for me with this

[@PlayWithFurcifer]

Glad it was helpfull! What are you gonna do with it? :)

[@SetimoRei]

​@@PlayWithFurcifer i'll try to make a puzzle/arcade game that has lots of reflection mechanics, with shaders i can do it easily (i guess kkkk)

[@smallconfusion8840]

I love these so much. Please do more!

[@PlayWithFurcifer]

ok :)

[@Playburger1337]

Great video! Do you use any addons for godot or is the video just cut to save time? How can i see changes i wirte in the shader directly onto my canvas? I feel some things changed from this video to the newest godot 4 version :). You may do another video on it soon :) ? Thumbs up, go on! P.s. Edit( If someone else is stuck on the part where the noise is just smearing out of the window it cointains. this is why "wrapping" for the texture was mentioned. on your sprite inspector go to canvasitem - texture - repeat - enabled :) )

[@starblinky4091]

holy crap thank you.

These videos are awesome, they are exactly what I need.

[@PlayWithFurcifer]

Thank you!

[@AndrewHunter-r6k]

Amazing effects, thank you! Can't wait to use shaders in my game

[@HarishIyer21]

Yes please go on forever and thank you so much for making these videos... These are so helpful ❤

[@rccsab]

Hey guys, amazing work! I would like to know how to make lightning effect such as hearthstone lightning bolt, do they make it procedurally with shaders/particles or is it handmade animation? If you could bring us a lightning effect it would be awesome!

[@benjaminswee-shaders]

Love the way you teach this

[@PlayWithFurcifer]

Thanks a lot :)

[@ahsanullah6326]

Absolute Brilliant

[@PlayWithFurcifer]

[@sergodobro2569]

Continue these shader series!

[@1978whitaker]

the dude's voice is SO Asmr!

[@hoppalapasam53]

gold as allways.

[@DestusG]

wow I have to check part 1

[@igorigor3960]

Epic video! Can you cover 3D shaders?

[@PlayWithFurcifer]

We keep it in mind :)

[@BlendFin]

Thankyou, again.

[@PlayWithFurcifer]

Our pleasure! :)

[@asdffacil]

love your content

[@PlayWithFurcifer]

[@robfr5740]

Amazing video !

[@PlayWithFurcifer]

Thank you!

[@DuarteRoso]

Jesus, this is gold!

[@PlayWithFurcifer]

:)

[@johnrussell6971]

0:00 - Intro 0:36 - Texture Scrolling 4:00 - Dissolve

[@IzUrBoiKK]

Part 3 brooo, I know it's kinda hard to make these vids, but thanks alottt broo, I thought shaders were very hard but actually they r very easy.

[@Byron_Vega]

Shaders are OP!

[@PlayWithFurcifer]

They really are!

[@realoctolink64]

Wow, great video, this almost makes me want to put shaders everywhere. 😈 But if I did have a lot of shaders in my game, and eventually, in a million years, I managed to port my game to Switch, I wonder if it would still run perfectly fine?

[@PlayWithFurcifer]

Thanks! Im honestly not sure about that...

[@RialuCaos]

You could always make simpler shaders later for less GPU intensive ports. It'd be hard to say how they would affect the Switch without first having a Switch development kit that you could test on.

[@56redgreen]

This works for GODOT 4, but the options are in different places so will take a bit of searching if you are new.

[@molbac]

where do i find the wrapping? edit: found it

[@alright4422]

OK, this is cool

[@Chevifier]

Godot should add the other forms of Noise built in im sure outside of simplex noise every other forms aren't patented. Voronoi for example

[@jowanspooner8733]

godot 4 comes with a completely new noise system afaik. Not sure if there is a backport to 3.x tho

[@tsutsen1412]

yesss go on!!!

[@PlayWithFurcifer]

ok! :D

[@KtosoX]

MOAR

[@PlayWithFurcifer]

Might take a bit but there will be more :D

[@ghaydn]

The main problem with shaders is not just to make a shader (it's quite easy). The problem is to come up with it. There are so many possibilities and you never know in advance what you can do with it.

[@maximloboda2125]

Awesome

[@PlayWithFurcifer]

:)

[@maikha8963]

my brain hurts, do more plz

[@PlayWithFurcifer]

:D

[@RaveYoda]

Please keep going!!!

[@Otochiro1]

thanks

[@Michal2SAB]

What if its an animated player body, the animation is made from png spritesheet and head and arms are both black, but I want to only change the head color to red for example. A tutorial on that would be appreciated heavily, if thays even possible in the first place

[@digitalman2112]

Excellent!

[@fortunatmutunda4194]

More sharreerrr mooorrrrre please!!!

[@PlayWithFurcifer]

okkkkkkkkk! :D

[@zoro1795]

Can you please share some textures for land that looks cool? Or just share some textures Thank you

[@iMrPAauUL]

Hey guys, you have such killing accent (in a good way, Im your fan) tell plz where are you from?

[@PlayWithFurcifer]

Germany :)

[@Noedell]

Amazing stuff! MOAR PL0X!!!!!!!!!!!!!!!!

[@PlayWithFurcifer]

Thank you, ok :)

[@jacksontriffon5064]

Ahh so informative, but YT never shared this one with me ~ maybe a different name and thumbnail would please the YT overlords?

[@DejaimeNeto]

yes

[@ReflectiveLayerFilm]

Part 3!!!

[@PlayWithFurcifer]

Might take a bit longer than this one :)

[@Fixaah]

Good content

[@tomtomkowski7653]

Could you please also make a video about visual scripting the shaders?

[@PlayWithFurcifer]

Interesting idea, but we have not used it yet x)

[@12kenbutsuri]

Is that GDscript? It looks a bit different

[@PlayWithFurcifer]

Its a different language (similar to GLSL)

[@12kenbutsuri]

@@PlayWithFurcifer cool, thanks!

[@juse4pro]

Do you guys know if the color i get by SCREEN_TEXTURE is clamped to 0.0 - 1.0 (formatted as float) or does it still contain HDR information (e.g. over bright emissions)?

[@PlayWithFurcifer]

Im pretty sure the HDR information is still in there, seems easy to test :)

[@MadFroggysTech]

how to do the fading of fire in circle

[@thedestroyerofhats]

The seemless part doesn't seem to work in the godot 4 ui.

[@TableTopic]

Help! Godot novice here. 0:44 - "We enter shader, and--" how do we enter that shader editor?

[@vr5829]

More, more!!

[@PlayWithFurcifer]

ok!

[@RGBA]

0:20 can you link that shader effect?

[@jay-tbl]

Is this all possible using visual shaders?

[@PlayWithFurcifer]

Yes, but i can't tell you how :D

[@larisdalley7383]

Man Im already decent in Blender so I I am already used to nosie and stuff like that, but it's node based. Seeing that same stuff on a coding Base is just super exciting for me because you just have endless possibilities.

[@xSPESHERx]

Hey, how to make nice Pause on game? Please tutorial

[@PlayWithFurcifer]

You mean from a technical aspect or design?

[@xSPESHERx]

@@PlayWithFurcifer hey, thanks for answer... yes, more technical ☺️ About design of Pause menu it's not so important...

[@PlayWithFurcifer]

@@xSPESHERx In godot you can do get_tree().paused = true

[@AecertGaming]

3d shaders please!

[@PlayWithFurcifer]

Well, i dont have a lot of experience with them, is there anything specific you want to know?

[@AecertGaming]

@@PlayWithFurcifer hmmm. Currently I am looking for a way to display a tower range for my tower defense. I have a scaling flat cylinder, and my plan was to only make the edges show using a shader. Other than that, your spell effects but in 3d would be a great place to start? Or does that not even warrant a video because of how easy it is to do?

[@PlayWithFurcifer]

@@AecertGaming Sounds quite interesting actually :)

[@ritzenhauf]

hm. doesn't look like godot 4...

[@Chevifier]

Dang not first, or am I?😆

[@kiyu3229]

you are

[@PlayWithFurcifer]

Even faster then the pinned comment!