xxxxxxxxxx
45
function setup() {
createCanvas(400, 400);
background(220);
// Anzahl der Quadrate pro Reihe und Spalte
let quadrateProReihe = 10;
let quadrateProSpalte = 10;
// Abstand zwischen den Quadraten
let abstand = 3;
// Berechnen der kürzeren Seite (damit alle Quadrate quadratisch sind)
let kürzereSeite = min(width, height);
// Breite und Höhe eines einzelnen Quadrats mit Berücksichtigung des Abstands
let quadratSeite = (kürzereSeite - (quadrateProReihe - 1) * abstand) / quadrateProReihe;
// Farbenpalette
let farben = ['#FAF5F5', '#274C03', '#241000'];
// Zeichnen der Quadrate
for (let i = 0; i < quadrateProReihe; i++) {
for (let j = 0; j < quadrateProSpalte; j++) {
// Zufällige Farbe aus der Palette auswählen
let zufallsFarbe = random(farben);
fill(zufallsFarbe);
noStroke(); // Hier wird die Umrandung deaktiviert
// Berechnen der Ecken-Radien
let eckenRadius = quadratSeite / 2;
let tl = random() < 0.5 ? 0 : eckenRadius; // oben links
let tr = random() < 0.5 ? 0 : eckenRadius; // oben rechts
let br = random() < 0.5 ? 0 : eckenRadius; // unten rechts
let bl = random() < 0.5 ? 0 : eckenRadius; // unten links
// Position des aktuellen Quadrats
let x = i * (quadratSeite + abstand);
let y = j * (quadratSeite + abstand);
// Zeichnen des Rechtecks mit den berechneten Ecken-Radien
rect(x, y, quadratSeite, quadratSeite, tl, tr, br, bl);
}
}
}