Fog Overlay Shader in Godot 4 - 2 minutes tutorial

A tutorial on how to create a 2D fog overlay shader in under 2 minutes.
Perfect for 2D top-down games.
Full shader code here - godotshaders.c...
The game shown in the video is Ancient Mind, my Zelda-inspired action adventure game. Wishlist it on Steam! - store.steampow...
Music used in the video: "A long way from home" by HitCtrl (CC BY 3.0)

[@hexagonnico]

Join the discord discord.com/invite/SfGkDZUt
Wishlist Ancient Mind on Steam store.steampowered.com/app/2376750/Ancient_Mind/

[@acacklinghyena7494]

For anyone who has issues with pop in or parallax issues at the end of your parallax; if you use a resolution/zoom different than the video make sure under your ParallaxBG Node you enable Scroll > Ignore Camera zoom. I had issues as my camera is attached to my player and uses a zoom size of 0.6, doing the calculations and adding the difference of pixels missing ended up not working and simply checking Ignore camera zoom got rid of any issues I had due to camera zoom! Great tutorial very simple and straight to the point, thank you :)

[@blattymeow]

Excellent tutorial! If every Godot 4 tutorial was like this one, I'd be in full creative flow in no time!

[@kryyto6587]

Honestly a very good tutorial, it went to the point, was fast but filled with nice tips, this channel will grow I'm sure

[@DrZ_5000]

thanks a lot! I implemented the Simplex and Cellular Noise by myself before I saw how easy it actually is in your awesome video. It also works much less flaky when using the built in shader textures instead of my own crappy hash randomizers XD

[@DrZ_5000]

PS: I use the fog layer as background to model gas clouds in the universe (it's a 2d game where you fly through space). For the background to move properly with the player, I sync in the player camera coordinates as shader parameter in my node script and add them to UV where you add TIME. I have to multiply the actual offset by a very small number (like 0.0001) to get a fancy looking parallax effect.

[@CUAK420]

INCREIBLE!

[@NithilienNeezah]

this is awesome, super helpful thank you!

[@netuno51]

great tutorial! im not even making a game at the moment but seeing something i thought was complex being this easy is a motivation to learn programming and making games in general.

[@hanged1man]

Thank you bro, you are the best, I had a lot of stupid questions, but I corrected the mistakes.

[@Druiduk1973]

Brilliant. Thanks for this.

[@voidipoyo]

Will add to my game.

[@brandonjacksoon]

Thanks mate! Liked and subscribed!

[@noise_dev]

and who is going to check this later for his game? :D thanks man! I need to start working on a look with my game and this looks seems a good addition

[@moonnight9474]

thank

[@DeavtheDev]

Awesome video. Had to watch at 0.025% speed cause you went way to fast but nonetheless accomplished the fog lol

[@Kubes_32]

i have a question if i were to do this how will i add my own pixelated sprite because i want it to look like a sunny day and the clouds are out.

[@PHOBOS1530]

00:48 where can I get Fastnoiselite?

[@hexagonnico]

Click there where it says "", then select "FastNoiseLite".

[@PHOBOS1530]

@@hexagonnico oo ty

[@PHOBOS1530]

how to use this in godot 3 :D

[@DaSupaDupaGama]

People are still using Godot 2?

[@hexagonnico]

It's Godot 4. The "2" in the title stands for "2 minutes".

[@DaSupaDupaGama]

@@hexagonnico i know, just did a little tomfollery with you :^)

[@Disconnected.Reality]

Thank you

[@doctordinosaur3080]

Fantastic tutorial, but I had to slow down the video to 0.25 speed^^

[@AsatteGames]

That's really helpful! thank you. Also, just wishlisted your game, good luck with it

[@pixel_gremlin-fk6fb]

that is so cool - it was really fun seeing how each line of code impacted the visual effect!!

[@WiredGamesOfficial]

1:47