let screen;

let glitchShader;

​

function preload() {

  glitchShader = loadShader('shader.vert', 'shader.frag');

}

​

const num = 2000;

const noiseScale = 0.01;

const particles = [];

​

function setup() {

  createCanvas(600, 600, WEBGL);

  screen = createGraphics(width, height);

  for (let i = 0; i < num; i++) {

    particles.push(createVector(random(width), random(height)));

  }

  screen.background(0);

  screen.stroke(255);

  screen.strokeWeight(2);

​

  shader(glitchShader);

}

​

function draw() {

  screen.background(0, 10);

​

  for (let i = 0; i < num; i++) {

    let p = particles[i];

    let n = noise(p.x * noiseScale, p.y * noiseScale);

    let a = TAU * n;

    let displacement = 5;

​

    screen.point(p.x, p.y);

    if (mouseX > width / 2) {

      p.x += cos(a);

      p.y += sin(a);

    } else {

      p.x -= cos(a);

      p.y -= sin(a);

    }

​

    if (!onScreen(p)) {

      p.x = random(width);

      p.y = random(height);

    }

  }

  drawScreen();

}

​

function drawScreen() {

  glitchShader.setUniform('texture', screen);

  glitchShader.setUniform('noise', getNoiseValue());

  rect(-width/2, -height/2, width, height);

}

​

function mousePressed() {

  noiseSeed(millis());

}

​

function getNoiseValue() { 

  let v = noise(millis()/100);

  const cutOff = 0.5;

  if(v < cutOff) {

    return 0;

  }

  v = pow((v-cutOff) * 1/(1-cutOff), 2);

  return 1; // Delete

  return v;

}

​

function onScreen(v) {

  return v.x >= 0 && v.x <= width && v.y >= 0 && v.y <= height;

}