xxxxxxxxxx
36
let button;
let slider;
let field;
function setup() {
createCanvas(400, 400);
button = createButton("HelloWorld");
button.mousePressed(randomRectangle)
button.position(0, 0);
button.size(100,100);
button.style("font-family", "Times");
button.style("background-color", "#003648");
button.style("color", "#00b5e2");
slider = createSlider(0, 255, 100);
slider.position(10, height - 20);
slider.size(width - 20, 20)
field = createInput("hello");
field.position(10, height - 10);
}
function draw() {
background(slider.value());
text(field.value(), width/2, height * 0.667);
}
function randomRectangle() {
fill(random(0,242,255));
for(var i = 0; i <6; i++){
rect(random(width)*i, random(height), random(100), random(100));
}
}