​

function preload() {

  img = loadImage('/cat.jpg'); // load the image

}

​

function setup() {

  createCanvas(img.width, img.height);

  img.loadPixels();

​

  // loop through each pixel

  for (let y = 0; y < img.height; y++) {

    for (let x = 0; x < img.width; x++) {

      let index = (x + y * img.width) * 4;

​

      // make every other pixel green

      if ((x + y) % 2 === 0) {

        img.pixels[index] = 0;       // red

        img.pixels[index + 1] = 255; // green

        img.pixels[index + 2] = 0;   // blue

      }

​

      // erase a horizontal line 10 pixels tall across the middle

      if (y >= img.height / 2 - 5 && y < img.height / 2 + 5) {

        img.pixels[index + 3] = 0; // transparent

      }

​

      // make a vertical line 10 pixels wide down the middle blue

      if (x >= img.width / 2 - 5 && x < img.width / 2 + 5) {

        img.pixels[index] = 0;       // red

        img.pixels[index + 1] = 0;   // green

        img.pixels[index + 2] = 255; // blue

      }

    }

  }

​

  img.updatePixels();

  image(img, 0, 0);

}

​