overview for FencerDevLog

23

Godot 4: Raymarching, part 1 (tutorial) (www.youtube.com)

submitted 1 day ago by FencerDevLog to c/godot

0 comments fedilink

Hi everybody! Let's try something a little different today - an introduction to creating complete 3D scenes using shaders. Yes, I know - this technology, called ray marching, has been described many times in other tutorials, and it's hard to come up with something entirely new. Still, I think it wouldn't hurt to add such a video to our collection because I plan to expand on this topic in a new series, and it would be good to have a reference for the absolute basics.

26

Godot 4: Trail of ellipses (tutorial) (www.youtube.com)

submitted 1 week ago by FencerDevLog to c/godot

0 comments fedilink

Hi everyone! Let's use the Godot shading language to recreate an effect that falls into the category of a large number of small objects following a trajectory. It consists of simple elements, in this case, ellipses, that orbit along certain curves and together create interesting-looking patterns. So, let's get started.

36

Godot 4: Dynamic fog shader (tutorial) (www.youtube.com)

submitted 2 weeks ago by FencerDevLog to c/godot

0 comments fedilink

Hi everyone! In this video, we will take a look at a technique that allows us to create very interesting pseudo-random patterns using functions we know from previous tutorials, such as plasma, plexus, or lightning. This time, we will use a method called domain warping or domain distortion, and the result will be this infinitely changing fog that we can see in the background right now.

33

Godot 4: LCD monitor shader (tutorial) (www.youtube.com)

submitted 3 weeks ago by FencerDevLog to c/godot

0 comments fedilink

Hey everybody! Do you remember the simulation of an old CRT monitor I created about a year ago? We had programmed various issues and imperfections characteristic of these devices, such as white noise, rounded corners, ghosting, and so on. This time, we’ll simulate a more modern device: an LCD with its typical pixel grid and less vibrant colors. Unlike CRT, such a shader is elementary, as we’ll see right away.

20

Godot 4: Triangular tunnel shader (tutorial) (www.youtube.com)

submitted 4 weeks ago by FencerDevLog to c/godot

0 comments fedilink

Hi everybody! Do you remember the 3D tunnel created using a texture mapped onto the inside of a cylinder? I think the result looked quite decent, especially when the camera was set in motion, giving us the impression of flying through an endless tube that disappears into distant darkness. This time, let's try something similar, but without textures and with a triangular shape.

Godot 4: Rainy window shader (tutorial) in c/godot

[–] FencerDevLog 1 points 1 month ago

Thanks! The offset of UV coordinates works like refraction, localized to the corresponding cell of the defined grid. Without using a noise texture, such light refraction would be circular, similar to the magnifying glass effect. However, this approach creates slightly irregular shapes, which better simulate droplets on a window pane. If you reduce the drop_layer function to its absolute minimum, you should see the mentioned grid before the shaping and movement of the droplets.

Like this:

vec2 drop_layer(vec2 uv, float time) {
	vec2 grid = vec2(grid_x, grid_y);
	vec2 drop_uv = fract(uv * grid);
	drop_uv = 2.0 * drop_uv - 1.0;
	vec2 drop_size = drop_uv / grid;
	return drop_size;
}

47

Godot 4: Rainy window shader (tutorial) (www.youtube.com)

submitted 1 month ago by FencerDevLog to c/godot

2 comments fedilink

Hi everyone! I think that a simulation of a raindrop trickling down a window is a very nice effect, and if there are more of them, they can be both highly useful and visually striking in games. So, let’s explore how this shader works from a programming perspective.

23

Godot 4: Digital clock shader (tutorial) (www.youtube.com)

submitted 1 month ago by FencerDevLog to c/godot

0 comments fedilink

Hello everyone! This is the first video I'm recording in 2025, so I hope it turns out well. This time, I’d like to show how we can use a shader to create a digital clock, which we will then control using a script. So, let’s get started.

29

Godot 4: Blob shader (metaballs tutorial) (www.youtube.com)

submitted 1 month ago by FencerDevLog to c/godot

0 comments fedilink

Hey everybody! And welcome to the last tutorial of this year. Of course, this is definitely not the absolutely final tutorial, as I will continue with a new batch of learning materials in January. So, how are we ending the year 2024? We will be implementing blobby objects, also known as metaballs. Yes, exactly what you see on the screen right now. So, let's get started.

22

Godot 4: Another video glitch shader (tutorial) (www.youtube.com)

submitted 1 month ago by FencerDevLog to c/godot

0 comments fedilink

Hi everyone! Let's add a simple effect simulating a TV signal disturbance to our collection. It actually resembles typical artifacts when playing recordings from a low-quality VHS tape, but it's up to each programmer to find a suitable use for it. And because it's a very simple algorithm with just a few lines of code, this video will be relatively short as well. So let's create it.

Godot 4: Wet painting shader (tutorial) in c/godot

[–] FencerDevLog 2 points 2 months ago

Thanks! About a year ago, I was experimenting with decals, but I don’t remember if it led to anything. Maybe I’ll revive this subproject.

34

Godot 4: Wet painting shader (tutorial) (www.youtube.com)

submitted 2 months ago by FencerDevLog to c/godot

3 comments fedilink

Hey everyone! The end of 2024 is slowly approaching, so I thought it would be good to add at least one more post-processing effect before diving into something more complex next year. This time, it’s again about layering, with each layer shifted differently using a noise texture and rotation. With a bit of imagination, the result can resemble a painting where the colors have blurred and blended together slightly. Let’s take a look at how this algorithm works.

28

Godot 4: Earthquake shader (tutorial) (www.youtube.com)

submitted 2 months ago by FencerDevLog to c/godot

0 comments fedilink

Hey everyone! Let’s create a simple shader that will shake our screen or an element on the screen as if an earthquake has occurred. This could be quite useful in various platformers, right? And, in fact, it’s very easy to implement. Let’s get coding.

19

Godot 4: Radial blur shader (tutorial) (www.youtube.com)

submitted 2 months ago by FencerDevLog to c/godot

0 comments fedilink

Hey everyone! I would say that there are never enough post-processing effects, and it’s good to have as many options as possible when deciding which would fit best for our game. This time, I’ve prepared something simple again that fits into a few lines, yet the result can be quite interesting, especially if we’re not averse to some psychedelic effects. Let’s take a look at how we can implement a simple radial blur.

Godot 4: Hexagonal tile shift (shader tutorial) in c/godot

[–] FencerDevLog 1 points 3 months ago

Yes, you are right. Fixed.

How do you "separate" or "explode" a 3D mesh in Godot? in c/godot

[–] FencerDevLog 4 points 6 months ago

Assemble your objects from smaller, independent 3D meshes, which you can control separately after destroying an enemy. That's how I do it in my space shooter game.

Godot 4: Screen glitch shader (tutorial) in c/godot

[–] FencerDevLog 1 points 6 months ago

Heh, thank you. 😎

Godot 4: Dot matrix effect (shader tutorial) in c/godot

[–] FencerDevLog 2 points 8 months ago

Thanks!

Godot 4: Live Plexus shader (tutorial) in c/godot

[–] FencerDevLog 1 points 9 months ago

Thanks!

Godot 4: Glass Door shader (fast blur tutorial) in c/godot

[–] FencerDevLog 2 points 9 months ago (5 children)

Well, Godot is a lightweight engine, so it doesn't have almost anything extra built-in. Which is advantageous because the engine itself then takes up negligible space on disk and the editor starts up within seconds, which can't be said for Unreal. But everyone prefers something different, of course. I mainly wanted to show that implementing your own blur effect can be simpler than it might seem at first glance.

Personal Opinion: the GameDev.tv Godot course isn't great in c/godot

[–] FencerDevLog 2 points 9 months ago

If you want to learn about Godot shaders, you can try these video tutorials.

Godot 4: 3D scene in 2D environment (SubViewport tutorial) in c/godot

[–] FencerDevLog 2 points 9 months ago

Thank you! 😎

Godot 4: Warped plasma shader (tutorial) in c/godot

[–] FencerDevLog 1 points 10 months ago

Thank you! 😎

Godot 4: Learn to create custom nodes for visual shaders (tutorial) in c/godot

[–] FencerDevLog 1 points 1 year ago

I think that section is just automatically fetched from the YouTube video description, and ignores line breaks. Here's the correct URL: https://filiprachunek.gumroad.com/l/godot4