WebGL Shader Manager v3 - Alle Uniforms

Mandelbrot ZoomMandelbrot mit Maus-Zoom

✎ 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 vec2 u_resolution;
uniform vec2 u_mouse;
uniform float u_zoom;

vec2 csqr(vec2 z) { return vec2(z.x*z.x - z.y*z.y, 2.0*z.x*z.y); }

void main() {
    vec2 uv = (gl_FragCoord.xy - 0.5*u_resolution.xy) / u_resolution.y;
    float zoom = (1.5 + 0.5*sin(u_time*0.2)) / u_zoom;
    vec2 c = uv * zoom + vec2(-0.5, 0.0) + (u_mouse / u_resolution - 0.5) * 0.5;
    vec2 z = vec2(0.0);
    float iter = 0.0;
    for (int i = 0; i < 80; i++) {
        z = csqr(z) + c;
        if (dot(z, z) > 4.0) break;
        iter++;
    }
    float col = iter / 80.0;
    gl_FragColor = vec4(vec3(16.0*col, 8.0*col*0.7, 4.0*col*0.4), 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