Visualization

Shader Visualization

Unleash your creativity with GLSL. This tool allows you to write and preview shaders in real-time, inspired by the power of Shadertoy.

True Wide

FPS: 00 0x0

float squared(float value) { return value * value; }

// getAmp is now built-in!

float getWeight(float f) {
    return (+ getAmp(f-2.0) + getAmp(f-1.0) + getAmp(f+2.0) + getAmp(f+1.0) + getAmp(f)) / 5.0; 
}

void mainImage( out vec4 fragColor, in vec2 fragCoord )
{    
    vec2 uvTrue = fragCoord.xy / iResolution.xy;
    vec2 uv = -1.0 + 2.0 * uvTrue;
    
    float lineIntensity;
    float glowWidth;
    vec3 color = vec3(0.0);
    
    for(float i = 0.0; i < 5.0; i++) {
        uv.y += (0.2 * sin(uv.x + i/7.0 - iTime * 0.6));
        float Y = uv.y + getWeight(squared(i) * 20.0) *
            (texture(iChannel0, vec2(uvTrue.x, 0.75)).x - 0.5);
        lineIntensity = 0.4 + squared(1.6 * abs(mod(uvTrue.x + i / 1.3 + iTime, 2.0) - 1.0));
        glowWidth = abs(lineIntensity / (150.0 * Y));
        color += vec3(glowWidth * (2.0 + sin(iTime * 0.13)),
                      glowWidth * (2.0 - sin(iTime * 0.23)),
                      glowWidth * (2.0 - cos(iTime * 0.19)));
    }    
    
    fragColor = vec4(color, 1.0);
}

Audio Connectivity

Input Device

Output Sink

FFT Bands 1024

LOG Audio Out

Engine Parameters

Spectrogram Speed 12.0

Audio Delay (A/V Sync) 0ms

Tilt Filter 0.0

Input Gain 1.0

Monitor Volume 1.0

Post Processing

Vibrance & Sat 1.2

Bloom Intensity 0.3

Overlay Buffer Active

Alpha (Opacity) 1.0

Size (Zoom) 1.0

Position X 0.0

Position Y 0.0

Use the tabs in the editor to switch between Main and Overlay shader code.

Cloud Sync: Disabled (Guest)

How to use Visualization Tool

Shader Visualization

Enjoy the music with your eyes

Unlock Pro Mode

Visualization

Shader Visualization

Enjoy the music with your eyes

Save Preset

Unlock Pro Mode