let plumX = [];

let plumY = [];

​

let slateMainX = [];

let slateMainY = [];

let slateX = [];

let slateY = [];

​

let brownMainX = [];

let brownMainY = [];

let brownX = [];

let brownY = [];

​

//color variables

let plum1 = "#5B2A2A";

let plum2 = "#4d2525";

let slateBlue1 = "#484b4e";

let slateBlue2 = "#463f43";

let slateBlueEdge = "#483731";

let brown1 = "#3b2d27";

let brown2 = "#392a20";

let brownEdge = "#442d28";

​

function selectPixels() {

  //select plum background

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

    plumX[i] = floor(random(width));

    plumY[i] = floor(random(height));

  }

  //Select Slate - main area

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

    slateMainX[i] = floor((random(96, 370) + random(96, 370)) / 2);

    slateMainY[i] = floor((random(75, 285) + random(75, 285)) / 2);

  }

  //Select slateXY

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

    slateX[i] = floor((random(96, 370) + random(96, 370)) / 2);

    slateY[i] = floor((random(75, 285) + random(75, 285)) / 2);

  }

    //Select Brown - main area

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

    brownMainX[i] = floor((random(105, 360) + random(96, 370)) / 2);

    brownMainY[i] = floor((random(320, 420) + random(310, 430)) / 2);

  }

  //Select brownXY

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

    brownX[i] = floor((random(105, 360) + random(96, 370)) / 2);

    brownY[i] = floor((random(320, 420) + random(310, 430)) / 2);

  }

}

​

function createPainting() {

  //canvas background

  background(plum1);

​

  //slate rectangle

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

    set(slateMainX[i], slateMainY[i], color(slateBlue2));

  }

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

    set(slateX[i], slateY[i], color(slateBlueEdge));

  }

​

    //brown rectangle

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

    set(brownMainX[i], brownMainY[i], color(brown2));

  }

​

  //plum overall canvas

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

    set(plumX[i], plumY[i], color(plum2));

  } 

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

    set(slateMainX[i], slateMainY[i], color(slateBlue1));

  }

  //brown edge  

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

    set(brownX[i], brownY[i], color(brownEdge));

  }

  //brown rectangle to cover the plum

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

    set(brownMainX[i], brownMainY[i], color(brown1));

  }

}

​

function setup() {

  createCanvas(460, 480);

​

  selectPixels();

  createPainting();

}

​

function draw() {

  updatePixels();

  //console.log(mouseX, mouseY);

}

​