Visualization

Visualizador de Shaders

Libera tu creatividad con GLSL. Esta herramienta te permite escribir y previsualizar shaders en tiempo real, inspirada en el poder de 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

Visualizador de Shaders

Enjoy the music with your eyes

Unlock Pro Mode

Visualization

Visualizador de Shaders

Enjoy the music with your eyes

Save Preset

Unlock Pro Mode