let orgImage;

​

function preload() {

  orgImage = loadImage("chameleon.jpeg");

}

​

function setup() {

  createCanvas(orgImage.width, orgImage.height);

​

  // Create an image in p5

  myImage = createImage(width, height);

​

  // Load pixels for both

  orgImage.loadPixels();

  myImage.loadPixels();

​

  // Copy pixels from original image

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

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

      let i = (y * orgImage.width + x) * 4; // Use orgImage width

      let r = orgImage.pixels[i];

      let g = orgImage.pixels[i + 1];

      let b = orgImage.pixels[i + 2];

      let a = orgImage.pixels[i + 3];

​

      // Check if the pixel is blue

      if (b > r && b > g) {

        myImage.pixels[i] = r;

        myImage.pixels[i + 1] = g;

        myImage.pixels[i + 2] = b;

        myImage.pixels[i + 3] = a;

        // Create a color

        //let col = color(r, g, b, a);

​

        // Set the pixel for myImage

        // myImage.set(x, y, col);

      } else {

        myImage.pixels[i + 3] = 0;

        // If not blue, set it to greyscale

        //myImage.set(x, y, color(120,200)); // greyscale?

      }

    }

  }

​

  // Update pixels for myImage

  myImage.updatePixels();

​

  // Draw the image

  image(myImage, 0, 0);

}

​

function draw() {

  // No background needed

}

​