Skip to content

aspect ratio

BLOKS Shader Bulletin Board

aspect ratio

By John Doe June 8, 2026

Shader Preview Unavailable

This realtime shader may be too intensive for your current device or browser.

Shader Code
void mainImage(out vec4 fragColor, in vec2 fragCoord)
{
    vec2 uv = fragCoord.xy / iResolution.xy;

    vec2 left = uv;
    vec2 right = uv;

    vec3 color = vec3(0.02, 0.04, 0.08);

    if (uv.x < 0.5) {
        vec2 p = left * 2.0 - 1.0;
        p.x += 0.5;

        float circle = smoothstep(0.32, 0.30, length(p));
        color += circle * vec3(1.0, 0.25, 0.18);
    } else {
        vec2 p = right * 2.0 - 1.0;
        p.x -= 0.5;
        p.x *= iResolution.x / iResolution.y;

        float circle = smoothstep(0.32, 0.30, length(p));
        color += circle * vec3(0.1, 0.7, 1.0);
    }

    float divider = 1.0 - smoothstep(0.0, 0.004, abs(uv.x - 0.5));
    color += divider * vec3(0.8);

    fragColor = vec4(color, 1.0);
}

← Back to Shader Bulletin Board