FencerDevLog

joined 2 years ago
 

Hey everybody! Recently, we created a shader that simulated an analog clock using polar coordinates, and we'll stick with this type of display a little longer. This time, I'll demonstrate how to program a fully customizable spinner based on similar principles. So, let's start coding!

 

Hi everybody! I hope the previous episodes have piqued your interest and that you're motivated to learn more tricks for rendering a 3D scene in 2D shaders. As you may have noticed, so far we've been able to change the camera's position, but not the direction it's facing, meaning it was fixed straight ahead, which has been somewhat limiting. In this video, we'll solve this problem, so that by the end, we'll be able to aim the camera anywhere or even set it up as an orbiting camera. So, let’s do it.

 

Hi everybody! And welcome back to our miniseries dedicated to rendering 3D scenes in shaders using the ray marching method. In the third episode, we will bring the previously static scene to life – adding combinations of objects, rotations along different axes and pivots, multiple lighting sources, and morphing using the so-called smooth minimum.

 

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.

 

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.

[–] FencerDevLog 4 points 1 month ago
[–] FencerDevLog 4 points 1 month ago

You are welcome! Glad to help.

 

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.

 

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.

 

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.

 

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.

 

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.

 

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.

 

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.

[–] FencerDevLog 1 points 3 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;
}

[–] FencerDevLog 2 points 4 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.

[–] FencerDevLog 1 points 5 months ago

Yes, you are right. Fixed.

[–] FencerDevLog 4 points 9 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.

[–] FencerDevLog 1 points 9 months ago

Heh, thank you. 😎

[–] FencerDevLog 2 points 11 months ago
[–] FencerDevLog 1 points 11 months ago
[–] FencerDevLog 2 points 11 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.

[–] FencerDevLog 2 points 1 year ago

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

[–] FencerDevLog 2 points 1 year ago

Thank you! 😎

view more: next ›