Shader Lab — Glitch

GLITCH / SHADER LABWebGL2 GLSL Fragment Editor
✓ LIVE0fps|SEED:162351|
SIGNAL LOSSRGB corruption + scan tears33 lines
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
#version 300 es
precision highp float;
uniform float u_time;
uniform vec2 u_res;
uniform vec2 u_mouse;
out vec4 o;
float hash(vec2 p) { return fract(sin(dot(p, vec2(127.1,311.7))) * 43758.5453); }
void main() {
  vec2 uv = gl_FragCoord.xy / u_res;
  float t = u_time;
  // Scan tear
  float tear = step(0.98, hash(vec2(floor(uv.y * 60.0), floor(t * 8.0))));
  float shift = (hash(vec2(floor(uv.y * 40.0), floor(t * 12.0))) - 0.5) * 0.15 * tear;
  vec2 uvR = uv + vec2(shift + 0.003, 0.0);
  vec2 uvG = uv + vec2(shift, 0.0);
  vec2 uvB = uv + vec2(shift - 0.003, 0.0);
  // Base noise
  float nr = hash(uvR * 80.0 + t * 0.3);
  float ng = hash(uvG * 80.0 + t * 0.3 + 1.0);
  float nb = hash(uvB * 80.0 + t * 0.3 + 2.0);
  // Scanlines
  float scan = 0.85 + 0.15 * sin(uv.y * u_res.y * 1.5);
  // Glitch blocks
  float block = step(0.97, hash(vec2(floor(uv.y * 8.0), floor(t * 5.0))));
  float bshift = (hash(vec2(floor(t * 3.0), 7.0)) - 0.5) * 0.2 * block;
  float r = mix(nr * 0.15 + 0.05, 1.0, block * 0.7) * scan;
  float g = ng * 0.05 * scan;
  float b = mix(nb * 0.3 + 0.1, 0.8, block * 0.4) * scan;
  // Vignette
  vec2 vc = uv - 0.5;
  float vig = 1.0 - dot(vc, vc) * 1.8;
  o = vec4(r, g, b, 1.0) * vig;
}
AUTO UNIFORMS
float u_timevec2 u_resvec2 u_mousefloat u_seed
FRAGMENT SHADER · WebGL2