xxxxxxxxxx
37
let scl = 10;
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);
}
}