xxxxxxxxxx
33
let sliderRed;
let sliderGreen;
let sliderBlue;
function setup() {
createCanvas(windowWidth, windowHeight);
textAlign(CENTER, CENTER);
textSize(24);
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);
fill(255 - valR, 255 - valG, 255 - valB);
text(valR + ", " + valG + ", " + valB, width / 2, height / 2);
}