xxxxxxxxxx
gridSize = 40
function setup() {
createCanvas(600, 600);
noLoop();
}
function draw() {
for (let i = 0; i < 15; i++) {
for (let j = 0; j < 15; j++) {
let x = i * gridSize;
let y = j * gridSize;
noStroke();
//darkest blue(3, 4, 94);
let coin = random(0, 1);
if (coin < 0.25) {
fill(3, 4, 94);
circle(x + gridSize / 2, y + gridSize / 2, gridSize, gridSize);
}
//dark blue (2, 62, 138)
else if (0.5 > coin >= 0.25) {
fill(2, 62, 138);
circle(x + gridSize / 2, y + gridSize / 2, gridSize, gridSize);
}
//blue (0, 119, 182)
else if (0.75 > coin >= 0.5) {
fill(0, 119, 182);
circle(x + gridSize / 2, y + gridSize / 2, gridSize, gridSize);
}
//light blue (0, 150, 199)
else if (1 > coin >= 0.75) {
fill(0, 150, 199);
circle(x + gridSize / 2, y + gridSize / 2, gridSize, gridSize);
}
}
}
}
//randomly generates blue tone background
function keyPressed() {
if (key == ' ') {
let coin = random(0,1);
if (coin <0.33){
background(0, 180, 216)
}
else if (0.33<coin <0.66){
background(72, 202, 228)
}
else if (coin>0.66){
background(144, 224, 239)
}
draw();
}
}