WebGL Shader Manager v3 - Alle Uniforms

Falsches Passwort zum Loeschen!

Uniform ShowcaseZeigt alle verfuegbaren Uniforms

✎ Editor ⬇ Export 🗑 Löschen

FPS: -- Zeit: 0.0s Frame: 0 Delta: 0ms

Speed1.0

Zoom1.0

Audio Low0.00

Audio Mid0.00

Audio High0.00

Audio Vol0.00

Cam FOV60

Cam Z2.5

Shader-Quellcode

Vertex Shader

attribute vec2 a_position;
void main() {
    gl_Position = vec4(a_position, 0.0, 1.0);
}

Fragment Shader

precision mediump float;
uniform float u_time;
uniform float u_deltaTime;
uniform int   u_frame;
uniform float u_fps;
uniform vec2  u_resolution;
uniform float u_aspectRatio;
uniform float u_pixelRatio;
uniform vec2  u_mouse;
uniform vec2  u_mouseNorm;
uniform vec4  u_mouseClick;
uniform vec2  u_mouseVel;
uniform vec4  u_date;
uniform float u_random;
uniform vec2  u_random2;
uniform vec3  u_random3;
uniform vec3  u_cameraPos;
uniform vec3  u_cameraDir;
uniform vec3  u_cameraUp;
uniform float u_cameraFov;
uniform float u_audioLow;
uniform float u_audioMid;
uniform float u_audioHigh;
uniform float u_audioVolume;
uniform vec2  u_scroll;
uniform float u_zoom;

void main() {
    vec2 uv = gl_FragCoord.xy / u_resolution.xy;
    vec3 col = vec3(0.05);
    vec2 grid = fract(uv * 20.0);
    col += vec3(0.08) * (step(0.95, grid.x) + step(0.95, grid.y));
    float t = u_time;
    col += 0.5 + 0.5 * cos(t + uv.xyx + vec3(0,2,4)) * 0.2;
    float mouseDist = length(uv - u_mouseNorm);
    col += vec3(1.0, 0.5, 0.2) * smoothstep(0.2, 0.0, mouseDist);
    if (u_mouseClick.z > 0.5) {
        col += vec3(0.0, 1.0, 0.0) * smoothstep(0.3, 0.0, mouseDist) * 0.5;
    }
    if (uv.y > 0.92 && uv.x < 0.25) {
        col = mix(col, vec3(0.0), 0.8);
        if (uv.y > 0.95 && uv.x < 0.05) col = vec3(0.0, u_fps/60.0, 0.0);
    }
    float barH = 0.08;
    if (uv.y < barH) {
        float bar = uv.x;
        if (bar < 0.25) col = mix(col, vec3(1.0, 0.2, 0.2), u_audioLow * step(bar, 0.25));
        else if (bar < 0.5) col = mix(col, vec3(0.2, 1.0, 0.2), u_audioMid * step(bar, 0.5));
        else if (bar < 0.75) col = mix(col, vec3(0.2, 0.2, 1.0), u_audioHigh * step(bar, 0.75));
        else col = mix(col, vec3(1.0, 1.0, 0.2), u_audioVolume * step(bar, 1.0));
    }
    col += u_random * 0.02;
    gl_FragColor = vec4(col, 1.0);
}

📋 Uniforms-Referenz

Zeit & Frame

u_time float

Sekunden seit Shader-Start

u_deltaTime float

Zeit seit letztem Frame (Sekunden)

u_timeStart float

Unix-Timestamp des Starts

u_frame int

Aktuelle Frame-Nummer

u_fps float

Aktuelle Bildrate

Aufloesung & Display

u_resolution vec2

Canvas-Groesse in Pixeln (width, height)

u_aspectRatio float

width / height

u_pixelRatio float

devicePixelRatio (Retina = 2.0)

Maus & Interaktion

u_mouse vec2

Mausposition in Pixeln (x, y)

u_mouseNorm vec2

Mausposition normalisiert (0.0 - 1.0)

u_mouseClick vec4

(x, y, leftDown, rightDown) - 1.0 = gedrueckt

u_mouseVel vec2

Mausgeschwindigkeit in Pixeln pro Frame

Kamera (3D)

u_cameraPos vec3

Kameraposition im 3D-Raum

u_cameraDir vec3

Blickrichtung der Kamera

u_cameraUp vec3

Up-Vektor der Kamera

u_cameraFov float

Sichtfeld in Grad (Standard: 60)

Audio (Simuliert)

u_audioLow float

Bass-Frequenzen (0.0 - 1.0)

u_audioMid float

Mitten-Frequenzen (0.0 - 1.0)

u_audioHigh float

Hoehen-Frequenzen (0.0 - 1.0)

u_audioVolume float

Gesamtlautstaerke (0.0 - 1.0)

Zufall & Datum

u_random float

Zufallswert pro Frame (0.0 - 1.0)

u_random2 vec2

Zufalls-Vektor pro Frame

u_random3 vec3

Zufalls-Vektor pro Frame

u_date vec4

(Jahr, Monat, Tag, Sekunden seit Mitternacht)

Scroll & Zoom

u_scroll vec2

Scroll-Offset in Pixeln (x, y)

u_zoom float

Zoom-Level (1.0 = 100%)

Texturen

u_texture0 sampler2D

Textur-Slot 0 (1x1 weisser Pixel)

u_texture1 sampler2D

Textur-Slot 1 (1x1 weisser Pixel)

u_texture0Res vec2

Aufloesung von Textur 0

u_texture1Res vec2

Aufloesung von Textur 1