let slider;

let RED, GREEN, BLUE;

​

function setup() {

  createCanvas(400, 400);

  background(220);

  noStroke();

  fill(0);

  rectMode(CENTER);

  slider = createSlider(0, 30, 10, 1);

  createDiv('-Thickness');

  RED = createSlider(0, 255, 0, 1);

  createDiv('-Red Value');

  GREEN = createSlider(0, 255, 0, 1);

  createDiv('-Green Value');

  BLUE = createSlider(0, 255, 0, 1);

  createDiv('-Blue Value');

}

​

function draw() {

  fill(RED.value(), GREEN.value(), BLUE.value());

  scl = slider.value();

  scale(scl);

  // if (mouseIsPressed) {

  // x_ = round(mouseX / (width / scl));

  // y_ = round(mouseY / (height / scl));

  //   // circle(x_ * scl * 2, y_ * scl * 2, scl);

  //   // circle(x_ * (width / scl), y_ * (height / scl), height / scl);

  //   // circle(x_ * (scl * 4), y_ * (scl * 4), scl * 4);

  // }

  if (mouseIsPressed) {

    x_ = round(mouseX / scl);

    y_ = round(mouseY / scl);

    square(x_, y_, scl / 5);

  }

}