5 COLOR PALETTE

  - Press 1: change background to color1; 

  - Press 2: change background to color2; 

  - Press 3: change background to color3; 

  - Press 4: change background to color4; 

  - Press 5: change background to color5; 

  - Press RETURN: reset background.

*/

​

let r = 0,

    g = 0,

    b = 0;

​

function setup() {

  createCanvas(600, 600);

  colorMode(RGB);

}

​

function draw() {

  background(r,g,b);

  noStroke();

  rectMode(CENTER);

  fill(88, 140, 126);

  rect(100,300,100,100);

  fill(242, 227, 148);

  rect(200,300,100,100);

  fill(242, 174, 114);

  rect(300,300,100,100);

  fill(217, 100, 89);

  rect(400,300,100,100);

  fill(140, 70, 70);

  rect(500,300,100,100);

  textSize(15);

  fill(225);

  text('COLOR1', 70, 370);

  text('COLOR2', 170, 370);

  text('COLOR3', 270, 370);

  text('COLOR4', 370, 370);

  text('COLOR5', 470, 370);

}

​

​

​

function keyTyped() {

  if (key === '1') {

    r =88; g =140; b = 126;

  } else if (key === '2') {

    r =242; g =227; b = 148;

  } else if (key === '3') {

    r =242; g =174; b = 114;

  } else if (key === '4') {

    r =217; g =100; b = 89;

  } else if (key === '5') {

    r =140; g =70; b = 70;

  } else if (keyCode === RETURN) {

    r =0; g =0; b = 0;

  }

  return false; // prevent default

}