let w = 900, h = 900; let s = 10; let grid = 30; let g = 100; let pal = ['#ECAA9C','#B1D1C6', '#2E5B8B', '#F2CA60', '#d4c7a3', '#DE7830', '#513C2C', '#1F3858', '#C9292E', '#bfb8a3']; function mousePressed() { redraw(); } function setup() { createCanvas(w, h); noLoop(); smooth(); colorMode(HSB, 360, 100, 100, 100); } function draw() { background(220); strokeCap(ROUND); rectMode(CORNER); stroke(0,0,10,100); shuffle(pal, true); var nx = 0, ny = 0; var t = 0; var v = 0; var cc; push(); translate(v-s*2, v-s*2); for(let i = 0; i < grid; i++) { var vv = int(random(1, 9)); v = s * vv; nx = 0; for(let j = 0; j < grid; j++) { var tt = int(random(3,12)); t = tt * s; fill(0, 0, 0, 100); rect(nx, ny, t, v); stroke(0,0,0,100); if(random() < 0.35) { fill(getColor(nx, ny)); } else { fill(220); } rect(nx, ny, t, v, 6); var d = random(); if(d < 0.06) { fill(getColor(ny, nx)); var kk = random(0.25, 0.65); var ra = v*kk; if (ra > t) { ra = t*kk; } circle(nx+t/2, ny+v/2, ra); } else if(d < 0.08) { for(let a = 1; a < tt; a++) { line(nx+a*s, ny, nx+a*s, ny+v); } } else if(d < 0.1) { for(let b = 1; b < vv; b++) { line(nx, ny+b*s, nx+t, ny+b*s); } } nx += t; } ny += v; } // for(let i = 0; i < 100; i++) { // noStroke(); // ny = 2 * i * s; // for(let j = 0; j < 100; j++) { // nx = 2 * j * s; // fill(getColor(nx, ny)); // circle(nx, ny, s*2); // } // } pop(); drawGrids(); drawFrame(); } // ------------------------------------- // // ------------------------------------- // // ------------------------------------- // // ------------------------------------- // // ------------------------------------- // // ------------------------------------- // 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() { var s = 10; 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(x, y) { var cc = noise(x/g, y/g); var l = pal.length; if(cc < 1/l) { return pal[0]; } else if (cc < 2/l + .05) { return pal[1]; } else if (cc < 3/l - .03) { return pal[2]; } else if (cc < 4/l + .05) { return pal[3]; } else if (cc < 5/l - .02) { return pal[4]; } else if (cc < 6/l + .06) { return pal[5]; } else if (cc < 7/l + .02) { return pal[6]; } else if (cc < 8/l - .01) { return pal[7]; } else if (cc < 9/l + .02) { return pal[8]; } else { return pal[9]; } }

My Sketch 20220629