xxxxxxxxxx
40
let buttonBackground;
let sliderRed;
let sliderGreen;
let sliderBlue;
function setup() {
createCanvas(windowWidth, windowHeight);
buttonBackground = createButton("Change Background");
buttonBackground.mousePressed(changeBackground);
sliderRed = createSlider(0, 255, 0);
sliderRed.position(10, 10);
sliderRed.style("width", width - 20 + "px");
sliderGreen = createSlider(0, 255, 0);
sliderGreen.position(10, 60);
sliderGreen.style("width", width - 20 + "px");
sliderBlue = createSlider(0, 255, 0);
sliderBlue.position(10, 110);
sliderBlue.style("width", width - 20 + "px");
}
function draw() {
let valR = sliderRed.value();
let valG = sliderGreen.value();
let valB = sliderBlue.value();
background(valR, valG, valB);
buttonBackground.position(10, 150);
}
function changeBackground() {
sliderRed.value(random(255));
sliderGreen.value(random(255));
sliderBlue.value(random(255));
}