xxxxxxxxxx
function setup() {
createCanvas(windowWidth, windowHeight);
background(255);
//色をHSBに変更
colorMode(HSB, 360, 100, 100);
//カラーバー
rect(0,0,width,height);
for(let i=0; i<=width; i+=100){
fill(random(360),100,100);
noStroke();
rect(i,0,width,height);
}
//色をRGBに変更
colorMode(RGB, 255);
//下部
for(let i=0; i<=width; i+=100){
fill(random(255));
noStroke();
rect(i,height-150,width,height);
}
//下部の黒白
fill(0);
noStroke();
rect(0,height-100,width,100);
fill(255);
rect(width/4,height-100,150,100);
//時間表記
textSize(40);
fill(255);
stroke(0);
strokeWeight(3);
text('3:33', 50, 50);
}