function setup() {

  createCanvas(800, 800);

  gfx = createGraphics(width,height);

  step = 0;

  maxSteps = 10;

  background(0);

  gfx.textSize(56);

  gfx.noStroke();

  gfx.textFont("VT323");

  let s = "everything is going to be a-ok";

  gfx.fill(255);

  gfx.noStroke();

  gfx.textAlign(CENTER,CENTER);

  gfx.text(s,width/2,height/2);

  // glitch.loadImage(gfx);

  // glitch.randomBytes(10); 

  // glitch.buildImage(); 

  glitch = [];

  // glitch = new Glitch();

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

    let g = new Glitch();

    g.loadImage(gfx);

    if (i < 5)

      g.randomBytes(random(20))

    else if (i < 8) 

      g.replaceBytes(random(45), random(127));

    else

      g.replaceHex('ffdb00430001','ffdb004300ff');

    g.buildImage();

    glitch.push(g);

  }

  step = -1;

}

​

function draw() {

  if (step == -1)

    image(gfx,0,0);

  else 

    image(glitch[step].image,0,0);

  console.log(step);

  step++;

  if (step > maxSteps-1) step = -1;

//   // image(gfx,0,0);

//   // glitch.randomBytes(10); // randomize 10 bytes

//   // glitch.replaceBytes(45, 127); // find + replace all

//   glitch.replaceHex('ffdb00430001','ffdb004300ff'); // jpg quant table

//   glitch.buildImage(); 

//   if (random() > 0.8)   

//     glitch.resetBytes();

//   image(glitch.image, 0, 0); // display glitched image

//   // }

}