How To Shader. (using Godot Engine)

Подписаться 42 тыс.

Просмотров 49 тыс.

50% 1

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.org/download
Krita: krita.org/en/item/krita-4-4-8...
Dragon: pipoya.itch.io/free-rpg-monst...
--
Wishlist our action roguelite Furcifer's Fungeon: store.steampowered.com/app/17...
Join our discord server: / discord
Follow us on twitter to stay updated on Furcifer news and tutorials:
/ tweetfurcifer

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

30 апр 2022

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 156

@PlayWithFurcifer 2 года назад

What would you like to know about shaders?

@Chevifier 2 года назад

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

@Squiffel 2 года назад

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 2 года назад

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 2 года назад

light void because i didnot understand documentation

@msabyss_3998 2 года назад

Stylized Cell shader would be nice

@Malcx1 2 года назад

You could go on forever? Yup please do 👍

@PlayWithFurcifer 2 года назад

We might have gotten a new series then!

@_Amatol_ 6 месяцев назад

(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.

@SethsTable 6 месяцев назад

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_ 6 месяцев назад

@@SethsTable 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!

@SethsTable 6 месяцев назад

@@_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_ 6 месяцев назад

@@SethsTable No worries, happy coding!

@roboltamy 6 месяцев назад

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

@g4mingaz 2 года назад

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

@PlayWithFurcifer 2 года назад

Thats great! :)

@juanloutech2864 2 года назад

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

@PlayWithFurcifer 2 года назад

:) Shaders are quite underused!

@noob-ww7sy 2 года назад

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

@rungeon83 2 года назад

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 2 года назад

Amazing! Thank you :)

@bepisdevs 2 года назад

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

@PlayWithFurcifer 2 года назад

Glad they are helpfull :)

@loyso1711 2 года назад

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 2 года назад

Thank you! :D

@mahyellaw 2 года назад

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

@PlayWithFurcifer 2 года назад

We will :)

@dayw81 2 года назад

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

@PlayWithFurcifer 2 года назад

:) Might take a bit tho

@dayw81 2 года назад

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

@HarishIyer21 Год назад

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

@user-mq8jv6jk2v Год назад

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

@faridkemyakov2645 2 года назад

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

@PlayWithFurcifer 2 года назад

My pleasure!

@trunghieu974 2 года назад

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 2 года назад

Thank you very much! :)

@SetimoRei 2 года назад

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

@PlayWithFurcifer 2 года назад

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

@SetimoRei 2 года назад

@@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)

@Visstnok Год назад

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

@BlendFin 2 года назад

Congratulations on 10k subscribers!

@PlayWithFurcifer 2 года назад

@smallconfusion8840 2 года назад

I love these so much. Please do more!

@PlayWithFurcifer 2 года назад

ok :)

@dastanghaedrahmati6977 2 года назад

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 2 года назад

Do it! :D

@MrPodgikins 2 года назад

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 2 года назад

@hoppalapasam53 2 года назад

gold as allways.

@smirk7724 2 года назад

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 2 года назад

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

@smirk7724 2 года назад

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

@Jakub_13 2 года назад

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

@PlayWithFurcifer 2 года назад

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

2 года назад

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

@PlayWithFurcifer 2 года назад

Thank you!

@sergodobro2569 Год назад

Continue these shader series!

@robfr5740 Год назад

Amazing video !

@PlayWithFurcifer Год назад

Thank you!

@1978whitaker Год назад

the dude's voice is SO Asmr!

@RaveYoda 2 года назад

Please keep going!!!

@kogane6092 2 года назад

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

@PlayWithFurcifer 2 года назад

Interesting, we might take a loot at that :)

@DestusG 2 года назад

wow I have to check part 1

@benjaminswee-shaders 2 года назад

Love the way you teach this

@PlayWithFurcifer 2 года назад

Thanks a lot :)

@IzUrBoiKK 2 года назад

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.

@alright4422 2 года назад

OK, this is cool

@digitalman2112 2 года назад

Excellent!

@asdffacil 2 года назад

love your content

@PlayWithFurcifer 2 года назад

@Fixaah 2 года назад

Good content

@BlendFin 2 года назад

Thankyou, again.

@PlayWithFurcifer 2 года назад

Our pleasure! :)

@ahsanullah6326 2 года назад

Absolute Brilliant

@PlayWithFurcifer 2 года назад

@tsutsen1412 2 года назад

yesss go on!!!

@PlayWithFurcifer 2 года назад

ok! :D

@DuarteRoso 2 года назад

Jesus, this is gold!

@PlayWithFurcifer 2 года назад

@rccsab 2 года назад

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!

@maikha8963 2 года назад

my brain hurts, do more plz

@PlayWithFurcifer 2 года назад

@Byron_Vega 2 года назад

Shaders are OP!

@PlayWithFurcifer 2 года назад

They really are!

@MadFroggysTech 8 месяцев назад

how to do the fading of fire in circle

@Otochiro1 Год назад

thanks

@KtosoX Год назад

MOAR

@PlayWithFurcifer Год назад

Might take a bit but there will be more :D

@maximloboda2125 2 года назад

Awesome

@PlayWithFurcifer 2 года назад

@thedestroyerofhats 8 месяцев назад

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

@fortunatmutunda4194 2 года назад

More sharreerrr mooorrrrre please!!!

@PlayWithFurcifer 2 года назад

okkkkkkkkk! :D

@Noedell 2 года назад

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

@PlayWithFurcifer 2 года назад

Thank you, ok :)

@johnrussell6971 2 года назад

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

@juse4pro 2 года назад

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 2 года назад

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

@burnheart2965 5 месяцев назад

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 5 месяцев назад

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

@RGBA 2 года назад

0:20 can you link that shader effect?

@56redgreen 9 месяцев назад

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

@molbac 8 месяцев назад

where do i find the wrapping? edit: found it

@zoro1795 2 года назад

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

@SethsTable 6 месяцев назад

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

@Playburger1337 11 месяцев назад

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 4 месяца назад

holy crap thank you.

@igorigor3960 2 года назад

Epic video! Can you cover 3D shaders?

@PlayWithFurcifer 2 года назад

We keep it in mind :)

@tomtomkowski7653 2 года назад

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

@PlayWithFurcifer 2 года назад

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

@vr5829 2 года назад

More, more!!

@PlayWithFurcifer 2 года назад

ok!

@jay-tbl Год назад

Is this all possible using visual shaders?

@PlayWithFurcifer Год назад

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

@ghaydn 2 года назад

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.

@Chevifier 2 года назад

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 2 года назад

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

@DejaimeNeto 2 года назад

yes

@realoctolink64 2 года назад

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 2 года назад

Thanks! Im honestly not sure about that...

@RialuCaos 2 года назад

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.

@jacksontriffon5064 Год назад

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

@ReflectiveLayerFilm 2 года назад

Part 3!!!

@PlayWithFurcifer 2 года назад

Might take a bit longer than this one :)

@xSPESHERx 2 года назад

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

@PlayWithFurcifer 2 года назад

You mean from a technical aspect or design?

@xSPESHERx 2 года назад

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

@PlayWithFurcifer 2 года назад

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

@12kenbutsuri 2 года назад

Is that GDscript? It looks a bit different

@PlayWithFurcifer 2 года назад

Its a different language (similar to GLSL)

@12kenbutsuri 2 года назад

@@PlayWithFurcifer cool, thanks!

@iMrPAauUL 2 года назад

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

@PlayWithFurcifer 2 года назад

Germany :)

@larisdalley7383 2 года назад

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.

@AecertGaming 2 года назад

3d shaders please!

@PlayWithFurcifer 2 года назад

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

@AecertGaming 2 года назад

@@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 2 года назад

@@AecertGaming Sounds quite interesting actually :)