Godot 3D Spatial Shaders: Getting Started

[@homelessbag]

came for the shaders, stayed because of the moustache, and subbed because i learned how to pronounce godot :)

[@WuCSquad]

Love all the different pronunciations of Godot.

[@J_A_C023]

I think you covered every single pronunciation of the engine for us all, thank you :P That was EPIC

[@jitspoe]

Nah, still around 60 more to go.

[@J_A_C023]

@@jitspoe true story

[@BastiaanOlij]

Great stuff Jits!!

[@MrEliptik]

Really cool! Super dynamic and packed with information, awesome!

[@akienK]

Really nice format, that was really fun and packed with good tips. Goodoo...

[@jburtson]

This absolutely made me less afraid of shaders, I’ll definitely be gettin’ silly in Gootdoot

[@Quandinis]

i think my favourite part isn't the knowlage i now have about shaders in godot, but that the pronunciation of godot changes everytime. by far the best injection of humor in a tutorial!

[@jitspoe]

I've discovered at least 64 possible permutations. Should be able to keep this gag going for a lot of tutorials!

[@crabsoft]

Tried a lot of tutorials, this was the first one that didn't abruptly fly off the rails with crazy math. I made a shader. Thanks, yo.

[@PhilGorley]

In all seriousness, this is a succinct intro to 3D spatial godot shaders. Much of the learnings are transferred to canvas shaders too, so, this tutorial was a tremendous help for getting me to understand shaders. I've kept the tab open to this video for the past two weeks while I've done some shader work. Thanks for the content and cheers!

[@aloglo22]

best godot tutorial I've ever seen please keep making these

[@Obeah111]

Great Gerdoot tutorial! I have don't several game jams, and have still been intimidated by shader---this video presents it in a very approachable manner!

[@jeremiahlampkey3137]

I googled for godot shader tutorials. Saw one that was 22 mins long and then this one for ~ 7 minutes. Absolutely pleased with how much, how fast, and how concise the information was presented in this video!

[@nowherebrain]

I love how your pronunciation for godot keeps changing...I get it...greatintro to shaders vid...short, simple and to the point...yet full of info.

[@sigterm_]

This was really excellent. The fun step-by-step examples really distilled how to break down the basics for me. Off to experiment!

[@the-guy-beyond-the-socket]

dude your videos are hidden gold.

[@jitspoe]

Hopefully the gold becomes more discovered in the future! :)

[@kitastro]

saying godot different each time XD

[@ступид-й8ъ]

very informative. i like how you made me question my sanity everytime you pronounce godot so that the brain gears dont get rusty

[@jitspoe]

What? I just said "Godot".

[@Gizrah]

I haven't heard someone say godot as godot in so many different ways. Thanks for demistifying some of the shader voodoo for me!

[@jitspoe]

I just called it "Godot".

[@_-_o-o_-_]

@@jitspoe Weird. I always pronounce it "Godot"

[@CaptainCarrotzz]

Best intro to shader video I've seen. Thanks.

[@konker4243]

Damn, that was actually a fantastic video. Ive been trying to make a grid fade out and I was afraid I would have to resort to shaders but this video gave me the determination to get it done!

[@jitspoe]

If it's a simple fade, you can actually adjust the alpha (or maybe it's modulate?) on the material without having to make a custom shader, but learning shaders is a useful skill, so go for it! You can do almost unlimited cool things!

[@konker4243]

@@jitspoe Sorry I meant I wanted only part of the grid to fade out. Ultimately the goal is to have the grid be stationary and be able to move around a point from which the grid fades out around. (So it looks “endless”) Thanks again!

[@wisconsinwintergreen6296]

Very well done video. It managed to give just the right amount of information in under 7 minutes. Other videos would have spent well over half the length of this video just regurgitating random boilerplate knowledge about shaders that anyone could guess. Much thanks from a beginner and you have earned a subscriber!

[@Nickname-lm7ch]

Thank you man what a cool thing. I am quite keen on the gada engine

[@jitspoe]

Yeah, gudoot is pretty neat!

[@mr._gear]

"Scary, black magic and voodoo" was epic😂

[@4.0.4]

I was worried this tutorial would be too outdated but it's still valid!

[@jitspoe]

Fortunately not TOO much has changed regarding shaders between Godot 3 and 4. Godot 4 has a lot of new nice things like includes, defines, and other preprocessor stuff, too!

[@Paruthi.618]

one of the best godot shader tutorial

[@microdavid7098]

jits tutorials? Hype!

[@D.E.Nicolas.Goncalves]

You made it simple for me! thanks!

[@jitspoe]

Glad I could help!

[@craniummatter]

this video is gold. thanks!

[@JulezChilluminati]

Finally, a godot shader video that makes sense to me! Thank you so much, funny beard man!

[@sakari.niittymaa]

Instant sub after watched this video! Really well explained!

[@DelicateTask]

Ok, mind blown in the first two minutes alone. What I’ve learned is that the only limit is my creativity. Therein lies the problem. I don’t have the knowledge to understand what I can do and therefore my imagination is sadly lacking.

[@jitspoe]

It can help to go to sites like shadertoy or follow shader artists to get inspiration for what can be done.

[@jeffreystephens2658]

This video contained the answer I needed. Thank you very much. Liked, subscribed, saved.

[@jitspoe]

Awesome! Glad it helped!

[@ClokworkGremlin]

One of the things I love about shaders is they're INCREDIBLY powerful for procedural asset creation. Because the shader runs on the GPU, ideally entirely within the span of a single frame, you can set some parameters as Uniforms which the Godot UI will let you play with in the editor and see the results of those tweaks in realtime, instead of having to wait for the CPU to process your changes and send them to the GPU (which can sometimes take a few seconds, especially with very large datasets)

[@jitspoe]

Material Maker basically takes that to the extreme. 😁

[@spimortdev]

That's awesome! Thanks for that tutorial 🙂

[@michaelorlev9925]

Dude, you're like the Ian hubert of Godot..! Just found your channel, subbed liked, and now commented

[@jitspoe]

Haha, that's the best complement I could receive! That's definitely what I'm going for. Bothers me when people take 10 minutes to explain something that could be done in 15 seconds! Just wish I had the time to make more tutorials.

[@sinecure5]

Great tutorial, thanks for making this!

[@fahadhasn]

Gruda, Garuda, Grudo. I am groot. XD Nice Tut Mate

[@ruthmoreton6975]

I'm glad you pronounce it correctly - "Godot" as in the Samuel Becket play "Waiting for Godot" to which the name is a reference ( Developer stated this ) and not "G'doh" as some people pronounce it. Ahh crap. Seriously dude? Gadoot and Go Dot? I will assume you are trolling people and I just fell for it.

[@PinguinoSod]

Amazing, thank you!!

[@Failfer]

Really good explanation and I apprecaite the wave thing as I was able to replicate it before but still don't fully understand how and this helped, thank you

[@davidmurphy563]

Could I request a further tutorial to get me over the fear of your mustache? ;)) Great little tutorial, thanks!

[@crispyghoul]

Wow, this was a great tutorial. I could think of a way to use the uv method to make a moving gore texture for creatures in my.project.

[@jitspoe]

You can create a lot of cool effects by simply animating UV's!

[@yukku121]

You had me at Goduut! 0:21 x)

[@Combine7355]

Goodness gracious... 6:11

[@NonUnknownDev]

what a tutorial bro, what a tutorial.....

[@adrinuk_gamedev]

I really liked this video :D Thanks a lot for the help!

[@GameFactsSpecial]

thanks even though I'm using godot 4 this was still helpful

[@thecringeslayer4897]

shaders are scary black magic wizardry, we're all just magical

[@jitspoe]

Maybe the real wizards were the friends we made along the way.

[@herrwoland3500]

Thank you so much for this!

[@RhevoRamirez]

Thanks my friend

[@jitspoe]

You're welcome!

[@PenguinMaths]

perfect tutorial

[@mch43856]

thank you, amazing!

[@everlastingmedia]

gadoot... stahp it

[@JRHainsworth]

Has the spacialmaterial been replaced with StandardMaterial3D in godot4?

[@jitspoe]

Yep! The also added another one called ORMMaterial which reads ambient occlusion, roughness, and metallic all packed into a single texture to be more optimal.

[@SLSat]

This was a really helpful

[@fahrulrozy7838]

Shader in godot use glsl or hlsl?

[@jitspoe]

GLSL, but with a bit of a Godot wrapper so there's some built-in functionality.

[@DhararAl-Rasshoud]

You actually spooked me at 6:11 haha

[@jitspoe]

😆 Forgot I even had that in there.

[@perfredelius]

I love the condensed format! The next thing I'd want to learn here is how to bend the mesh along a 3d curve or something like that. I.e. how to use a bit more complex external "non-mesh" data in the shader. And then see how the mesh changes as the curve is interacted with.

[@jitspoe]

In the end, it's all math! Just have to figure out what the math is to generate the curve you want. Alternatively, you can actually use an image if you want to do something more elaborate. You can read a texture within the vertex() function and use that to alter the vertex positions. Great for making leaves rustle in the wind and such with a noise texture.

[@perfredelius]

​@@jitspoe Ah, yeah that's true. I suppose you only need to send in the control points and then calculate the curve from inside the shader. That's probably how to do it.

[@metanoimenos]

waiting for guh-dough

[@creationsmarko]

Great video but it kills me when he says "Godoot" lmao

[@jitspoe]

RIP

[@PaperMouseGames]

This is absolutely fantastic. I wonder if there's any way to create more than 3 color masks though. Rather than using rgb from a texture could you specify certain colors to be identified by the shader and then changed to new colors?

[@jitspoe]

Technically you can do 4 with RGBA textures. You could potentially use ranges of colors, like first half of red maps to one color and the second half of red to another, but keep in mind you'll have less precision with this (unless using a high precision image format, but that takes more memory), and you might run into some poor quality or glitches, especially if you're using texture compression.

[@PaperMouseGames]

@@jitspoe Thanks much for the reply! I'm working with pixel art textures, so each color is very clearly defined and I think it could work, but what I need to figure out is if there's a way to pick up a texture's individual pixel color in 3D the way you can in 2D, I'll keep experimenting 🤞

[@jitspoe]

@@PaperMouseGames Shouldn't be a problem, but keep in mind that, by default, the albedo texture gets converted from sRGB to Linear, then everything gets converted from linear to sRGB back in the end, so you might not get the exact values you expect. You could take the texture value and multiply it by 255 and round it to an integer to pick exact values, though.

[@cucubob9535]

Im getting this error: "Cannot call method 'set_shader_param' on a null value' when i try to change the parameter value.

[@jitspoe]

Might be because "onready" was changed to "@onready" in Godot 4. Try adding the @ before it.

[@lucazfc]

Hi. Do you know how to simulate lighting using a spatial shader? For example, f I'm using 'render_mode unshaded' or 'render_mode ambient_light_disabled' and then I want to simulate the effects of a directional light using only the shader. How can I achieve that?

[@jitspoe]

In short, you need to do the dot product of the surface normal with the direction to the light, make sure it's not less than 0 (ex: max(0.0, dot(light_dir, normal)) and multiply that by the albedo to get some super basic lighting. If you want parts of the shader to be lit and other parts unaffected by light, though, you're probably better off not using unshaded and using EMISSION for the parts you don't want impacted by lighting instead.

[@ClaudioCavalcanteTonha]

Does someone knows the difference set color by using COLOR or ALBEDO?

[@jitspoe]

COLOR is used for 2D canvas item shaders and can include alpha. ALBEDO is just the diffuse color (lighting and such will be applied if it isn't unshaded).

[@ClokworkGremlin]

COLOR is used for Canvas shaders, and Vertex shaders if you want to set the vertex color. ALBEDO is used for Fragment shaders. Basically that's the whole thing, ALBEDO is the pixel color, COLOR is the vertex color. Godot will yell at you if you try to set COLOR in the Fragment shader, so it's not a mistake you're likely to make for long.

[@jitspoe]

@@ClokworkGremlin Oh, right, forgot about the vertex color!

[@Arthur-jg4ji]

do you know how to have shadow with the shader in 3D ?

[@jitspoe]

Just don't put "unshaded" in the render_mode and it should have lighting and shadow applied.

[@Arthur-jg4ji]

@@jitspoe thx you for the reply. But i have found a solution with the scatter plugin.

[@nyuh]

nice moustache oh and nice vid too i guess :^)

[@jitspoe]

Thanks, I grew it myself!

[@x1expert1x]

with the final downfall of Unity at least your channel will get a lot more attention. I am not gonna lie, I loved Unity and spent a lot of time learning it. But I love open source more. Like my dad always says, there's a pony under that pile of sh*t!

[@7fantasy7]

Thank you! This video made me believe, I can do complex shaders one day... After losing confidence from another tutorials

[@mineralbrewer2289]

is it possible to add shaders to a glb file?

[@jitspoe]

I'm not sure if the glb specification allows for that. I'm pretty sure you can store basic materials in them, but I don't know if you can do any sort of programming with them.

[@so_easy23]

epic

[@pwnitgames]

Gadoot, Godah, Gad'oo. Thanks. I hate it! Great tutorial though.

[@ChristopherYabsley]

It's pronounced Godot.

[@computer9764]

Almost didn't watch because the mustache. You're lucky I did 😉

[@jitspoe]

*Whew* I'd hate to think of what might happen if you didn't.

[@decqyd]

its pronounced godot smh

[@jitspoe]

That's what I said!

[@mrglick5050]

lmao

[@bobsondugnut4179]

gadort

[@moonlightblue9196]

voodoh lol

[@MrDoboz]

it's still black magic. you can make pointless unsensible whacky things in a few minutes, but making anything realistic or actually useful will take a shitton of time and knowledge

[@jitspoe]

Fortunately, the way Godot shaders are set up with the PBR (physically based rendering), really all you have to worry about is setting things like ALBEDO, ROUGHNESS, METALLIC, etc. It's typically just a matter of scrolling UV's or blending different textures together. You don't have to do all the math to make a realistic looking render. Is there something specific you're struggling with?

[@iamcookie1170]

this actively made my shader fear worse