function setup() {
createCanvas(600, 400);
background(128, 128, 128);
var tw = 60;
var th = 60;
var oy = 25;
var ox = 5;
for (var y = 0; y < 6; y++) {
for (var x = 0; x < 10; x++) {
var py = oy + y * th;
var px = ox + x * tw;
strokeWeight(0);
fill(200, 190, 100)
rect(px, py, 50, 50);
strokeWeight(2);
stroke(255);
line(px, py + 15, px + 80, py + 15);
strokeWeight(4);
stroke(65, 105, 225);
line(px + 35, py, px + 35, py + 80)
noStroke()
fill(128, 0, 0);
ellipse(px + 50, py + 50, 10, 10);
}
}
noLoop();
}
function draw() {
// draw is not called due to noLoop() in setup()
}
I was inspired by the famous Burberry Pattern with the rectangle and lines that going both in vertical and horizontal direction.