xxxxxxxxxx
35
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
// Abrunden der Ecken mit einem Radius, der die Seitenlänge halbiert
let eckenRadius = quadratSeite / 2;
rect(i * (quadratSeite + abstand), j * (quadratSeite + abstand), quadratSeite, quadratSeite, eckenRadius);
}
}
}