​

let img; // Declare variable 'img'.

​

function setup() {

  createCanvas(720, 400);

  img = loadImage('moonwalk.jpg'); // Load the image

}

​

function draw() {

  // Displays the image at its actual size at point (0,0)

  image(img, 0, 0);

  // Displays the image at point (0, height/2) at half size

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

}

​

function mousePressed() {

  let c = get(mouseX, mouseY);

  if (rgb2luma(c[0], c[1], c[2]) > 250) {

    alert('white');

  }

  if (rgb2luma(c[0], c[1], c[2]) < 10) {

    alert('black')

  }

}