How make transparent and blur main window

Help
1

изображение
изображение1005×634 55.7 KB

I want to make a transparent blurred main window so that the desktop elements are blurred, but I only made transparency
pls hlp…

2

You can add a material to your CanvasItem. Within the material, use a blur shader. Here I can recommend this website which is providing a lot of ready-to-use shaders.

1 Like
3

I probably didn’t explain it well.
I wanted the elements outside the window to be transparent, is there such a possibility?

изображение
изображение858×613 47.9 KB

изображение
изображение1600×900 206 KB

4

it’s possible, just set it borderless and create your own texture with bottom of it transparent, set it as the styletexture of the window

1 Like
5

texture? where should I put the shader?

6

I have the same problem, any help?

7

here is a much better shader i made with GPT hope this helps

// A Gaussian blur shader for Godot 4.3
shader_type canvas_item;
uniform sampler2D SCREEN_TEXTURE : hint_screen_texture, filter_linear_mipmap;
// The radius of the blur effect (number of pixels to blur).
uniform int blur_radius : hint_range(1, 32) = 8;
// Controls the intensity of the blur.
uniform float blur_strength : hint_range(0.1, 10.0) = 1.0;

// Precomputed weights for the Gaussian kernel.
float gaussian_weight(float i, float sigma) {
    return exp(-0.5 * (i * i) / (sigma * sigma));
}

// Precomputes the weights for the Gaussian kernel.
void calculate_kernel(out float kernel[32], int radius, float sigma) {
    float sum = 0.0;
    for (int i = 0; i <= radius; i++) {
        kernel[i] = gaussian_weight(float(i), sigma);
        sum += i == 0 ? kernel[i] : 2.0 * kernel[i];
    }
    for (int i = 0; i <= radius; i++) {
        kernel[i] /= sum;
    }
}

void fragment() {
    vec2 resolution = SCREEN_PIXEL_SIZE;
    vec2 uv = SCREEN_UV;

    // Gaussian kernel weights.
    float kernel[32];
    calculate_kernel(kernel, blur_radius, blur_strength);

    // Apply Gaussian blur in both directions (radial blur).
    vec3 final_color = vec3(0.0);
    float total_weight = 0.0;

    for (int x = -blur_radius; x <= blur_radius; x++) {
        for (int y = -blur_radius; y <= blur_radius; y++) {
            float weight = kernel[abs(x)] * kernel[abs(y)];
            vec2 offset = vec2(float(x), float(y)) * resolution;
            final_color += texture(SCREEN_TEXTURE, uv + offset).rgb * weight;
            total_weight += weight;
        }
    }

    // Normalize the color.
    final_color /= total_weight;

    // Output the blurred color.
    COLOR = vec4(final_color, 1.0);
}
1 Like
8

Do I need to attach this shader with a color rect?

9

THIS IS SHIT … it made my 3060 run at 100% for just a simple blur

it turns out their is this thing called kernal in Gaussian blur that it calculates and it should not because it is recursive and it does it for every pixel … I tried to add the number directly but could not get it working yet …

1 Like
10

no i used it on a panel

1 Like