let w = 900, h = 900; let s = 10; let pal = ['#ECAA9C','#B1D1C6', '#2E5B8B', '#F2CA60', '#d4c7a3', '#DE7830', '#513C2C', '#1F3858', '#C9292E', '#bfb8a3']; function setup() { createCanvas(w, h); pixelDensity(2); noLoop(); smooth(); colorMode(HSB, 360, 100, 100, 100); } var bb = 9; function drawOddCircle(cx, cy, r) { noFill(); push(); translate(cx-s*2, cy-s*2); strokeWeight(2); var mmax = random(18, 78); var step = TWO_PI / mmax; var px, py, theta; var arr_px = []; var arr_py = []; var freq = random(0.8, 3.2); var amp = r*random(0.1, 1.5); var v, k; var loop = 15; var cc, sa; for(let j = 0; j < loop; j++) { noiseSeed(100*random()); k = j * 1000; beginShape(); cc = color(getColor()); sa = map(j, 0, loop, 20, 90); cc.setAlpha(sa); stroke(cc); for(let i = 0; i < mmax; i++) { theta = step * i; v = abs(mmax/2 - i); px = (r + j *bb) * cos(theta) + amp*noise(v*freq); py = (r + j *bb) * sin(theta) + amp*noise(-v*freq); vertex(px, py); arr_px[k+i] = px; arr_py[k+i] = py; } endShape(CLOSE); } var nx1, ny1, nx2, ny2, k1, k2; for(let j = 0; j < (loop-1); j++) { cc = color(getColor()); sa = map(j, 0, loop, 20, 90); k1 = j * 1000; k2 = (j+1) * 1000; if(random() < 0.95) { cc.setAlpha(sa); for(let i = 0; i < mmax; i++) { nx1 = arr_px[k1+i]; ny1 = arr_py[k1+i]; nx2 = arr_px[k2+i]; ny2 = arr_py[k2+i]; if(random() < 0.98) { noFill(); stroke(cc); line(nx1, ny1, nx2, ny2); } else { fill(cc); noStroke(); beginShape(); vertex(nx1, ny1); vertex(nx2, ny2); vertex(arr_px[k2+i+1], arr_py[k2+i+1]); vertex(arr_px[k1+i+1], arr_py[k1+i+1]); endShape(CLOSE); } } } else { cc.setAlpha(60); for(let i = 0; i < mmax; i++) { nx1 = arr_px[k1+i]; ny1 = arr_py[k1+i]; nx2 = arr_px[k2+i]; ny2 = arr_py[k2+i]; fill(cc); noStroke(); beginShape(); vertex(nx1, ny1); vertex(nx2, ny2); vertex(arr_px[k2+i+1], arr_py[k2+i+1]); vertex(arr_px[k1+i+1], arr_py[k1+i+1]); endShape(CLOSE); } } } pop(); } function draw() { background(220); // Do Something var cx, cy, r, hh, ww, interval, margin = s*10; // for(let i = 0; i < 9; i++) { // cx = random(margin, w-margin); // cy = random(margin, h-margin); // r = random(15, 30); // drawOddCircle(cx, cy, r); // } for(let i = 0; i < 3; i++) { hh = (h-margin) /3; cy = hh * (i + 1) - hh/4; for(let j = 0; j < 3; j++) { ww = (w-margin) /3; cx = ww * (j + 1) - ww/4; drawOddCircle(cx-bb, cy-bb, 15); } } 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() { 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); 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]; } } function mousePressed() { redraw(); }

My Sketch 20220831