// By: MowatK1

// Thanks to the coding train for inspiration!

// ...and fantastic classes.

​

let pr;

let pg;

let pb;

let pa;

let br;

let bg;

let bb;

​

let p = {

  r: 0,

  g: 0,

  b: 0,

  a: 0,

  s: 40,

};

​

let b = {

  r: 255,

  g: 255,

  b: 255,

};

​

function setup() {

  pr = createSlider(0, 255, 0);

  pg = createSlider(0, 255, 0);

  pb = createSlider(0, 255, 0);

  pa = createSlider(0, 255, 255)

  br = createSlider(0, 255, 255);

  bg = createSlider(0, 255, 255);

  bb = createSlider(0, 255, 255);

  createCanvas(1000, 1000);

  background(b.r, b.g, b.b);

}

​

function draw() {

  p.r = pr.value();

  p.g = pg.value();

  p.b = pb.value();

  p.a = pa.value();

  b.r = br.value();

  b.g = bg.value();

  b.b = bb.value();

  if (mouseIsPressed && mouseY >= 0 && keyCode == 80) {

    stroke(p.r, p.g, p.b, p.a);

    strokeWeight(p.s);

    line(mouseX, mouseY, pmouseX, pmouseY);

  }

  if (keyCode === 69 && mouseIsPressed) {

    stroke(b.r, b.g, b.b);

    strokeWeight(p.s);

    line(mouseX, mouseY, pmouseX, pmouseY);

  }

  fill(0);

  noStroke();

  rect(800, 0, 200, 100);

  fill(255);

  textSize(30)

  text('Size: ' + p.s, 850, 50);

}

​

function keyPressed() {

  if (keyCode === DOWN_ARROW && p.s > 5) {

    p.s -= 5;

  }

​

  if (keyCode === UP_ARROW) {

    p.s += 5;

  }

​

  if (keyCode === 66) {

    b.r = br.value();

    b.g = bg.value();

    b.b = bb.value();

    background(b.r, b.g, b.b);

  }

}