Common VFX Shader Techniques ft. Godot 

thank you so much! 🙇‍♂🙌

thank you so much 🙇‍♂

thank you ! 🙇‍♂ i hated writing shaders in unity 😭 godot's is way easier to approach + so well documented it's crazy

yes 🤔

thank you so much!

thanks ! 🙇‍♂️

that's great to hear ! good luck w/your VFX 🥳

thank you for the kind words ! 🙌

that's awesome ! good luck with the tooling 👌

all thanks to a certain other engine's shenanigans 👀

thank you so much ! glad i could help out 🥳

i appreciate it a lot 🙏

i'll do my best 🙇‍♂

thank you so much for the kind words ! 🙏

very kind of you to say 🙇‍♂️ thank you!

glad they were helpful ! :D

thank you so much ! 🙌

thank you ! 😄

im glad it helped ! 🙌

godot is pog

thank you :D glad it was helpful !

that IS cool 👀

thank you ! :D

thank you so much ! im glad you liked it 🥳

of course! 👀 we gotta have em 👌

glad to hear it ! 🥳

thank you so much ! :D

thank you! im glad to hear that 🙌

eyy thank you ! 🙌

thank you ! and gotcha on the background music 👌

thank you ! im glad it was helpful 🙌

eyy i appreciate it man 😭🙏

heyy we all learn differently and that's ok! i believe in you :D

thank you so much ! 🥳 i do have a couple more shaders i use but I want to understand them enough first before i can make a video about those the next videos will be breakdowns of the last 2 godot vfx i made 🙇‍♂

thank you so much ! :D

hopefully soon 🙌

thank u 😎

hi ! you can add a -0.5 to the float noise_tex i showed in the video 👌this just remaps the noise value from (0 -> 1) to (-0.5 -> 0.5) code: float noise_tex = texture(noise, noise_uv).r - 0.5;

@@onetupthree That fixed it, thanks!

yes :D i haven't tried personally but that could be one way to do it ! you could also even try layering noises on top of each other with different offset speeds so it doesn't look too uniform 🤔

@@onetupthree Thanks for the insight! Your videos got me into shaders, but I found it quite difficult to glue math with visuals, but one day I'll wrap my head around it :)

@@viniciusantonio2253 you got this 😤🙏 if you have any questions feel free to ask here !

bro writes a comment like this and expects me to know how to help 💀💀💀

@@onetupthreenice tutorial, but how do you do erosion in particle effects?

not sure what you mean exactly but if you're talking about raymarching then cant help much bc I also gotta learn that 🤣😰

@@onetupthree Cloud shadows shader is the one where the clouds cast moving shadows on the ground. Another very needed shader is the god rays shader.

glad i could help 🙇‍♂

hi ! thanks for the kind words 🙇‍♂ for 2D sprites it should be around the same but you're working with the 'canvas_item' shader_type as opposed to the 'spatial' type ALBEDO built_in would be replaced with COLOR and to access the texture you set in the Sprite2D Inspector, you use TEXTURE using the tiling and offset as example --- A. spatial uniform sampler2D your_custom_texture; uniform vec2 tiling; uniform vec2 offset; void vertex() { UV = UV * tiling + offset; } void fragment() { ALBEDO = texture(your_custom_texture, UV); } B. canvas_item uniform vec2 tiling; uniform vec2 offset; void vertex() { UV = UV * tiling + offset; } void fragment() { COLOR = texture(TEXTURE, UV); // TEXTURE from inspector value } --- there might be some mistakes in the code here but hopefully gets the point across ! :D hope this helps

@@onetupthree Thank you!!!it's making my life easier ,your toturial is so useful,Thank again!

@@sinlee6064 no prob ! glad i could help 😤👌

thank you! 🙌

thank you! 🙏

yes but you need to adjust them for the CanvasItem shader type :) the math should be about the same

hi ! if you mean the polar coordinates, if you follow the steps to get the polar UVs it should also work for CanvasItem shaders 🤔 can you try this line after calculating for polar_uv? COLOR = texture(TEXTURE, polar_uv); TEXTURE is the dedicated texture variable for canvas items when a texture is assigned in a control node :D make sure to set Repeat as Enabled 👌 hope this helps !

@@onetupthree sorry for not being clear. For the first demo you showed, I wanted just an offset animation with a sprite with no tiling for cavas item. Thanks

@@ThisIsFez normal offset will also work for CanvasItem :O with the same COLOR = texture(TEXTURE, base_uv) if that still isn't what you need, might be better if we talk on discord if you want :D you can shoot me an email of your username so I can add you :)

havent tried making that but I imagine it has something to do with screen-space UVs 🤔 you can search it up on google images to see what i mean sample with screen-space UVs on a separate scene with your galaxy environment

to add to the last part i imagine you put the galaxy on something like unity's render texture and sample from that

haven't tried it so im afraid I can't help with that one yet 😰

thank you ! :D

hi! :) that's just a sampler2d in the video, it was the godot logo

@@onetupthree The code still doesn't work, what declaration for ALBEDO & albedo & ALPHA? in godo 4

@@mistouluf8518 the source code is up in my patreon for free if you want to check it out :)

Thank you, but I still can't solve certain problems. In 2D with tilemap I would like to use clip children but it doesn't work. Would you like to create a shader?@@onetupthree

sorry not sure what you meant by that :O which other stuff?

@@onetupthree like the whole shader language.

@@simonw.1223 im afraid you won't find em here 😰 Godot uses GLSL if I remember correctly

@@onetupthree what is GLSL?

@@simonw.1223 it's short for OpenGL Shading Language :D can't say much about it tho because I haven't used it outside of Godot and VFX so I learn about it on the fly im sure there are lots of tutorials about there about it 🤔

yo let's calm down a bit 😭 the base UVs are laid out as values that go from 0 to 1 from the upper left to the bottom right (as seen in 3:40) adding noise to the base UVs will offset our 0 to 1 values (and everything in between) by a little bit so when our texture is mapped to the modified UVs, it'll appear distorted if it still isn't clear you can DM me on twt and i can explain further with pictures :O

@@onetupthree hey bro, thank u. After some tweaking I could kinda of figure this out! Yet it is kinda strange at first. Your explanation now is nice to close it all too, thanks!

@@veecks no problem ! that's great to hear :D

thank you 🙌 but i do be liking some kind of music in the background 🤔

i try to keep my videos brief 🙇‍♂️

and i'll do my best 😤👌

glad to help ! 🙇‍♂