Skip Navigation
Godot 4: Hexagonal tile shift (shader tutorial)

Hello everyone! We continue the series of effects that we can apply to a selected texture or even the entire screen. This time, we will create a simple effect of breaking an image into hexagons, shifting the crop in each of these tiles, and the final composition of the entire image or, conversely, the decomposition, which can be quite a useful function.

3
Godot 4: Stream of circles (shader tutorial)

Hey everybody! This time, let's try something really simple, something that works more as a one-time effect, or an exercise for understanding some of the algorithms we often use in shaders. And who knows, maybe even such an unusual effect could find a place in some extravagant game.

0
Godot 4: Snow shader (tutorial)

Hey everybody! As a complement to the shaders we used to generate rain or a star field, we will create some nice snowfall. It's true that I have already programmed snow once, but that was in a 3D scene and with particles. This time, I'll use a 2D shader, but with a nice spatial effect using several layers, as you can see in the background right now. Let's get to it.

0
Godot 4: Warp speed shader (tutorial)

Hi everyone! Let's improve the Vertical Drops shader. As I promised at the end of the corresponding video, we can achieve an entirely different effect if we convert the algorithm into polar coordinates and make a few minor adjustments. Yes, we will create exactly what you now see on the screen, which can be used in the game as a hyperspace jump or warp speed acceleration. Let's get to it.

0
Godot 4: Magnifying glass (fish eye) shader (tutorial)

Hi everyone! In this video, I would like to show how we can create a shader that works like a fish-eye camera or deforms part of the image using a magnifying glass. The shader will be fully configurable, so we'll be able to adjust the magnifying glass's radius, the level of distortion, or crop the edge to simulate looking through a peephole in a door.

0
Godot 4: Sky shader, part 2 (clouds, moon, and the shadow)

Hi everyone! Welcome to the second part of the tutorial, where we create a space sky shader in Godot 4. In the previous video, we made a skybox with a generated sun that illuminates half of the surface of a rotating red planet. This time, we'll continue by adding clouds above the planet's surface, and finally, a moon that will orbit it and cast a shadow.

0
Godot 4: Sky shader, part 1 (space, sun, and planet tutorial)

Hi everyone! What you're seeing in the background now isn't a typical shader, for which I usually create tutorials here. This time, I took a little detour, and I'm presenting the first sky shader in Godot Engine on this channel. Since it's a pretty handy effect that we might use in our next game, I'll show you how such a sky shader works.

0
Godot 4: Color halftone shader (tutorial)

Hi everybody! This time, I would create another 2D post-processing filter that could be useful if, for example, we want to display a newspaper article with a color image in our game, which should look like it was printed on an inkjet printer. In other words, we'll convert the image into a four-color raster in CMYK coding.

0
Godot 4: Digital burn shader (tutorial)

Hello everyone! This time, let's try something really simple. I didn't have time for anything more complicated because we're right in the middle of releasing our game, which is quite a time-consuming activity. But who knows, even a simple effect can end up being useful. Let's take a look at how we can implement such a digital burn.

0
Godot 4: Vertical drops shader (one more rain tutorial)

Hello everyone! We already have one rain shader, so why not add another one? This time it will be based on a slightly more complex algorithm, but it will allow for much more customization and won't suffer from visual artifacts. Let's get to it.

0
Godot 4: Edge detection in 3D (tutorial)

Hi everyone! As I promised at the end of the video on advanced post-processing, I'm returning to this technology once again, and this time we'll use it for an alternative method to detect edges in our 3D scene. The result will be an effect that resembles a pencil drawing on paper, which can be a very interesting enhancement for your game. Let's take a look at how something like this works.

0
Godot 4: 3D grid shader (tutorial)

Hi everybody! A few months ago, I created a tutorial for generating a simple two-dimensional grid, and recently I thought it would definitely be useful if we could do the same as a projection into the third dimension. The algorithm for the grid itself will remain the same, but we will add elements like a 3D camera, projected UVs, and so on. Let's take a look at how such a shader works.

0
Godot 4: Yet another rain shader (tutorial)

Hey everybody! Would you like an inexpensive rain effect to enhance the 2D scenes in your game? We already have the particle rain, which I demonstrated in one of the previous videos. What I'll show today might not be perfect, but the shader itself is very fast, so it can be easily used, for example, to decorate windows through which you can see a rain-soaked landscape. Or even for an entire scene, if we manage to set the parameters correctly.

0
Godot 4: Another artistic shader (tutorial)

Hi everyone! Let’s try to write another shader to enhance our graphics, for example, the background of a scene in a game. I recently made a video about the emboss filter, which is quite similar to the effect I want to implement today, but this time I'll show a shader that may not look as flashy, but can be written in one line and certainly has other good qualities.

0
Godot 4: Advanced post-processing (tutorial)

One of the topics I covered in the new book of shaders is advanced post-processing, which will be the subject of today's video.

0
Godot 4: Burn transition shader (tutorial)

Hi everyone! If you watched the video about the simple transition between images using a noise texture, you surely noticed how we used a simple algorithm for a rather impressive effect. Now let's try something a bit different - instead of a regular transition, we'll create a burning effect for our scene, which will be a somewhat more complex algorithm. Let's do it.

0
Shaders in Godot 4: Add stunning visual effects to your games

Learn how to enhance your game’s graphics with impressive visual effects!

This book provides a detailed guide on creating 30 spectacular shaders in Godot 4, including thorough explanations of their algorithms and parameter settings. Each example comes with complete source code that you can use in your projects without restrictions.

So, how can you get it?

Please visit Shaders in Godot 4: Add stunning visual effects to your games for more information and a free sample (50 pages out of 310).

Thank you for reading this. Good luck with your games. 😎

0
I have just published a new book dedicated to creating shaders in Godot 4

Learn how to enhance your game’s graphics with impressive visual effects!

This book provides a detailed guide on creating 30 spectacular shaders in Godot 4, including thorough explanations of their algorithms and parameter settings. Each example comes with complete source code that you can use in your projects without restrictions.

So, how can you get it?

Please visit Shaders in Godot 4: Add stunning visual effects to your games for more information and a free sample (50 pages out of 310).

Thank you for reading this. Good luck with your games. 😎

0
Godot 4: Screen glitch shader (tutorial)

Hi everyone! Recently, I returned to the algorithm we used for generating the lightning effect and tried to apply it in a slightly different way. Essentially, it involves decomposing the texture into individual color components - red, green, and blue - and shifting them according to a pseudo-chaotic value. I think I've seen something similar in a few games, and maybe such an effect will be useful for your project too. So let's get to it.

2
Godot 4: Sierpiński Triangle (shader tutorial)

Hi everybody! This time I would like to try something really simple. It is one of the simplest fractals that you have probably seen before, and it is called the Sierpiński triangle. This code can demonstrate simple transformations and also model the resulting effect by removing pixels in each iteration. So let's get started.

0
InitialsDiceBearhttps://github.com/dicebear/dicebearhttps://creativecommons.org/publicdomain/zero/1.0/„Initials” (https://github.com/dicebear/dicebear) by „DiceBear”, licensed under „CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)FE
FencerDevLog @programming.dev
Posts 64
Comments 9