Skip to content

audio wavefield

BLOKS Shader Bulletin Board

audio wavefield

By RJ Shelton June 9, 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 p = uv * 2.0 - 1.0;

    p.x *= iResolution.x / iResolution.y;

    float bass = 0.5 + 0.5 * sin(iTime * 2.2);
    float mids = 0.5 + 0.5 * sin(iTime * 3.7);
    float highs = 0.5 + 0.5 * sin(iTime * 7.0);

    p.y += sin(p.x * 6.0 + iTime * 2.0) * bass * 0.15;
    p.x += sin(p.y * 10.0 - iTime * 3.0) * highs * 0.08;

    float wave =
        sin(p.x * 18.0 + iTime) *
        sin(p.y * 12.0 - iTime * 1.5);

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

    color += vec3(0.1, 0.6, 1.0) * wave * bass;
    color += vec3(1.0, 0.2, 0.7) * abs(wave) * mids;

    fragColor = vec4(color, 1.0);
}

← Back to Shader Bulletin Board