let w = 900, h = 900; let s = 10; let ss = 80; let type; let grid = 13; let hh = (h - s*8) / grid; let ww = (w - s*8) / grid; let pal = ['#ECAA9C','#B1D1C6', '#2E5B8B', '#F2CA60', '#d4c7a3', '#DE7830', '#513C2C', '#1F3858', '#C9292E', '#bfb8a3']; function mousePressed() { redraw(); } function setup() { createCanvas(w, h); pixelDensity(2); noLoop(); smooth(); rectMode(CENTER); colorMode(HSB, 360, 100, 100, 100); } function draw() { background(220); shuffle(pal, true); var nx, ny, x1, y1, x2, y2, x3, y3; var r = 50; var ratio = 8/7; var kr = random(grid); var vr = random(kr/4); for(let i = 0; i < grid; i++) { ny = i * (r*ratio) + s*11; for(let j = 0; j < grid; j++) { nx = j * (r*ratio) + s*12; if(i % 2 == 0) { nx -= r/2; } push(); translate(nx, ny); if(random() < 0.8) { drawArcs(r*random(0.8, 1.1)); } else { drawRect(r); } pop(); } } drawGrids(); drawFrame(); } // ------------------------------------- // // ------------------------------------- // // ------------------------------------- // function drawArcs(radius) { var theta = 0, prev_theta = 0; var cc, rr; for(let i = 0; i < 5; i++) { if(theta > TWO_PI) { break; } theta += random(PI/3, PI/2); if(random() < 0.4) { noFill(); cc = getColor(); strokeWeight(1.5); stroke(cc); } else { noStroke(); cc = getColor(); fill(cc); } rr = radius * random(0.9, 1.1); arc(0, 0, rr, rr, prev_theta, theta); prev_theta = theta; } noStroke(); fill(220); circle(0,0,radius*0.4); } function drawRect(size) { var cc; rr = size * random(0.5, 0.8); push(); if(random() < 0.6) { rotate(PI/2); } if(random() < 0.4) { rotate(PI/2); } if(random() < 0.8) { cc = getColor(); noStroke(); fill(cc); rect(0, 0, rr, rr); strokeWeight(1.5); stroke(cc); fill(220); rect(rr/4, rr/4, rr/2-2, rr/2-2); } else { noStroke(); cc = getColor(); fill(cc); rect(rr/4, rr/4, rr/2, rr/2); cc = getColor(); stroke(cc); noFill(); rect(0, 0, rr, rr); } pop(); } // ------------------------------------- // // ------------------------------------- // // ------------------------------------- // function drawGrids() { stroke(0,0,10,100); strokeWeight(1.5); noFill(); var tx = int(w / s); var ty = int(h / s); for(let i = 0; i < ty; i++) { cy = i * s; for(let j = 0; j < tx; j++) { cx = j * s; point(cx, cy); } } } function drawFrame() { rectMode(CENTER); noStroke(); fill(220); rect(s*2-1, h/2, s*4, h); rect(w-s*2+1, h/2, s*4, h); rect(w/2, s*2-1, w, s*4); rect(w/2, h-s*2+1, w, s*4); } function getColor() { var l = pal.length; var cc = random(); shuffle(pal, true); var k = 20; if(cc < 1/l) { return pal[0]; } else if (cc < 2/l-l/k) { return pal[1]; } else if (cc < 3/l+l/k) { return pal[2]; } else if (cc < 4/l-l/k) { return pal[3]; } else if (cc < 5/l+l/k) { return pal[4]; } else if (cc < 6/l-l/k) { return pal[5]; } else if (cc < 7/l+l/k) { return pal[6]; } else if (cc < 8/l-l/k) { return pal[7]; } else if (cc < 9/l+l/k) { return pal[8]; } else { return pal[9]; } }

My Sketch 20221005