createCanvas(400, 400);

  //code that adds sliders

  createSliders();

}

​

function draw() {

  //code that colors background

  bgColor();

}

​

​

​

​

​

​

​

​

​

​

/*

BELOW ARE CUSTOM FUNCTIONS TO CREATE THE SLIDERS AND COLOR BACKGROUND

*/

//define variables

let r;

let g;

let b;

​

function createSliders(){

  //red

  r = createSlider(0, 255);

  r.position(10,30);

  r.size(80);

  //green

  g = createSlider(0, 255);

  g.position(10, 50);

  g.size(80);

  //blue

  b = createSlider(0, 255);

  b.position(10, 70);

  b.size(80);

}

​

function bgColor(){

  //red

  let R = r.value();

  //green

  let G = g.value();

  //blue

  let B = b.value();

  //bg color

  background(R, G, B);

  //change text to black when green gets bright

  if(G >200){

    fill(0);

  }else{

    fill(255);

  }

  //text for instructions

  text("Move sliders to change color", 10, 20);

​

  //slider labels

  fill(255,0,0);

  text(`r = ${R}`, 100, 42);

  fill(0, 160, 0);

  text(`g = ${G}`, 100, 62);

  fill(0,0,255);

  text(`b = ${B}`, 100, 82);

}