​

// pixelate - based on https://github.com/aferriss/p5jsShaderExamples/blob/gh-pages/4_image-effects/4-6_pixelate/sketch.js

let fragSrc_pixelate = `

precision mediump float;

​

varying vec2 vTexCoord;

uniform sampler2D tex0;

​

void main() {

​

  vec2 uv = vTexCoord;

​

  // uv step for tiling 

  float tiles = 450.;

  uv = uv * tiles;

  uv = floor(uv);

  uv = uv / tiles;

​

  vec4 tex = texture2D(tex0, uv);

  gl_FragColor = tex;

}`;

​

// rgb - based on https://editor.p5js.org/BarneyCodes/sketches/XUer03ShM

let fragSrc_rgb = `precision mediump float;

varying vec2 vTexCoord;

uniform sampler2D tex0;

​

void main() {

  vec2 uv = vTexCoord;

  vec3 col;

  vec4 _col = texture2D(tex0, uv);

  col = _col.rgb;

​

  float noise = 0.25;

  // glitch rgb components

  vec2 offset = vec2(noise * 0.05, 0.0);

  col.r = texture2D(tex0, uv-offset).r;

  col.g = texture2D(tex0, uv+offset).g;

  col.b = texture2D(tex0, uv-offset).b;

  float alpha = 1.0;

  gl_FragColor = vec4(col, alpha);

}`;

​

function preload() {

  img = loadImage("win95.png");

}

function setup() {

  createCanvas(img.width, img.height);

  let fs = createFilterShader(fragSrc_pixelate);

  let fs2 = createFilterShader(fragSrc_rgb);

  imageMode(CENTER)

  image(img,width/2,height/2);

  filter(fs);

  filter(fs2);

}

​

function draw() {}

//rgb to iwn desktop

​