Skip Navigation

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
Posts
81
Comments
13
Joined
1 yr. ago

Godot @programming.dev

Godot 4: Raymarching, part 1 (tutorial)

Godot @programming.dev

Godot 4: Trail of ellipses (tutorial)

Godot @programming.dev

Godot 4: Dynamic fog shader (tutorial)

Godot @programming.dev

Godot 4: LCD monitor shader (tutorial)

Godot @programming.dev

Godot 4: Triangular tunnel shader (tutorial)

  • 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;
    }
    
    
      
  • Godot @programming.dev

    Godot 4: Rainy window shader (tutorial)

    Godot @programming.dev

    Godot 4: Digital clock shader (tutorial)

    Godot @programming.dev

    Godot 4: Blob shader (metaballs tutorial)

    Godot @programming.dev

    Godot 4: Another video glitch shader (tutorial)

    Godot @programming.dev

    Godot 4: Wet painting shader (tutorial)

    Godot @programming.dev

    Godot 4: Earthquake shader (tutorial)

    Godot @programming.dev

    Godot 4: Radial blur shader (tutorial)

    Godot @programming.dev

    Godot 4: Texture filters (shader tutorial)

    Godot @programming.dev

    Godot 4: Yet Another Artistic Filter (shader tutorial)

    Programming Books @programming.dev

    More shaders in Godot 4: Add stunning visual effects to your games

    Godot @programming.dev

    Godot 4: Liquid ribbon shader (shader tutorial)

    Godot @programming.dev

    Godot 4: Hexagonal tile shift (shader tutorial)

    Godot @programming.dev

    Godot 4: Stream of circles (shader tutorial)

    Godot @programming.dev

    Godot 4: Snow shader (tutorial)

    Godot @programming.dev

    Godot 4: Warp speed shader (tutorial)

  • 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.