Shader Editor — Glitch

GLITCH://SHADER.EDITOR

LOAD IMG

● COMPILED36 lines · GLSL ES 1.0

Intensity:1.00

precision mediump float;
uniform vec2 u_resolution;
uniform float u_time;
uniform sampler2D u_texture;
uniform float u_intensity;

float hash(vec2 p) {
  return fract(sin(dot(p, vec2(127.1, 311.7))) * 43758.5453);
}

void main() {
  vec2 uv = gl_FragCoord.xy / u_resolution;
  float t = u_time * 0.5;

// Corrupt scanlines
  float scanline = floor(uv.y * u_resolution.y);
  float corrupt = step(0.97, hash(vec2(scanline, floor(t * 8.0))));

// Byte shift
  float shift = corrupt * (hash(vec2(scanline * 0.1, t)) * 2.0 - 1.0) * u_intensity * 0.15;

vec2 uvR = uv + vec2(shift + 0.002, 0.0);
  vec2 uvG = uv + vec2(shift, 0.0);
  vec2 uvB = uv + vec2(shift - 0.002, 0.0);

// Block corruption
  vec2 block = floor(uv * vec2(40.0, 20.0));
  float blockCorrupt = step(0.95, hash(vec2(block.x, floor(t * 3.0) + block.y)));
  uvG.x += blockCorrupt * hash(block) * 0.08 * u_intensity;

float r = texture2D(u_texture, fract(uvR)).r;
  float g = texture2D(u_texture, fract(uvG)).g;
  float b = texture2D(u_texture, fract(uvB)).b;

gl_FragColor = vec4(r, g, b, 1.0);
}

LIVE PREVIEW · WebGL

● RENDERING

Uniforms: u_time · u_resolution · u_texture · u_intensity · u_threshold · u_scale

Explore: databend · glitch hub · pixel lab