FencerDevLog

joined 1 year ago
sorted by: new top controversial old
20
Godot 4: Analog clock shader (tutorial) (www.youtube.com)
 

Hi everyone! Do you remember the digital clock shader I created here some time ago? It was one of the first 2D shaders I used in a 3D project, and the result looked very usable. I think a shader simulating a classic analog clock could have a similar application, and that's exactly what we'll be creating today.

24
Godot 4: Julia set shader + mouse events (tutorial) (www.youtube.com)
 

Hi everyone! In this video, I would like to demonstrate a shader that reacts to mouse clicks and movements. It is a variation of a shader displaying the Mandelbrot set, which I created here about a year ago. This time, however, we will enhance it by adding the Julia set at a point chosen by the user, and we will add more control elements, all of which will be controlled by the mouse.

One-click 3D model to 2D sprite in Godot 4.4 (tutorial) in c/[email protected]
[–] [email protected] 4 points 2 weeks ago

Thank you!

One-click 3D model to 2D sprite in Godot 4.4 (tutorial) in c/[email protected]
[–] [email protected] 4 points 2 weeks ago

You are welcome! Glad to help.

36
One-click 3D model to 2D sprite in Godot 4.4 (tutorial) (www.youtube.com)
 

Hi everyone! In this video, I won't be showcasing any shader. Instead, I'll show you a trick for easily generating 2D sprites from 3D models in Godot Engine 4.4 or higher.

20
Godot 4: Tilted square grid shader (tutorial) (www.youtube.com)
 

Hello everybody! In this video, I would like to create an effect that transforms a scene into its pixelated version. We've seen that before, right? But this time, we won't settle for ordinary square objects—we'll tilt them a bit to create a diagonal grid with an adjustable size. Let's take a look at how such an algorithm works.

28
Godot 4: Color palette filter (tutorial) (www.youtube.com)
 

Hi everyone! Let's create a simple algorithm that allows us to remap the colors of our scene to a predefined palette. This effect can be useful if, for example, we want to simulate the screen of an older device that only supported, say, 256 colors, and similar scenarios.

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

Hi everybody. This is the second part of the tutorial, which explains the basics of a technology called ray marching for rendering a 3D scene using a shader. In the first part, we modeled a simple scene with a sphere, a cylinder, and a cube, and this time we will demonstrate how to properly light such a scene and calculate shadows.

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

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.

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

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.

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

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.

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

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.

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

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/[email protected]
[–] [email protected] 1 points 2 months 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;
}
46
Godot 4: Rainy window shader (tutorial) (www.youtube.com)
 

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.

Godot 4: Wet painting shader (tutorial) in c/[email protected]
[–] [email protected] 2 points 3 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.

Godot 4: Hexagonal tile shift (shader tutorial) in c/[email protected]
[–] [email protected] 1 points 4 months ago

Yes, you are right. Fixed.

Godot 4: Glass Door shader (fast blur tutorial) in c/[email protected]
[–] [email protected] 1 points 11 months ago

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.

view more: next ›