let w = 900, h = 900; let s = 10; let r0 = s; let r1 = s*3; let r2 = s*5; let r3 = s*8; let r4 = s/2; let type; 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 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() { 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 drawCircle(x, y, col, r, num) { noStroke(); var cc = color(col); var cx, cy, a; var theta = TAU / (num); var amp = random(12,42); var nn = random(TAU); var tt = random(); if(tt < 0.3) { for(let i = 0; i < num; i++) { a = map(i, 0, num, 20, 0); cc.setAlpha(a); fill(cc); cx = x - i/2 + amp*sin(theta*i + nn); cy = y + i/2 + amp*cos(theta*i + nn); circle(cx, cy, r); } } else if (tt < 0.6) { for(let i = 0; i < num; i++) { a = map(i, 0, num, 20, 0); cc.setAlpha(a); fill(cc); cx = x + i/3 + amp*sin(theta*i - nn); cy = y - i/3 + amp*cos(theta*i - nn); circle(cx, cy, r); } } else if (tt < 0.8) { for(let i = 0; i < num; i++) { a = map(i, 0, num, 20, 0); cc.setAlpha(a); fill(cc); cx = x + i/4 + amp*cos(theta*i - nn); cy = y - i/4 + amp*cos(theta*i - nn); circle(cx, cy, r); } } else { for(let i = 0; i < num; i++) { a = map(i, 0, num, 20, 0); cc.setAlpha(a); fill(cc); cx = x + i/5 + amp*sin(theta*i - nn); cy = y - i/5 + amp*sin(theta*i - nn); circle(cx, cy, r); } } } function draw() { background(220); var nx, ny, m, n, col, v; drawGrids(); push(); translate(w/2, h/2); var k1 = -w/2+s*2; var k2 = -h/2+s*2; for(let i = 0; i < 10; i++) { rotate(random(TAU)); nx = int(random(k1, -k1) / r3) * r3; ny = int(random(k2, -k2) / r3) * r3; col = getColor(); drawCircle(nx, ny, col, r3, 130); } for(let i = 0; i < 15; i++) { rotate(random(TAU)); nx = int(random(k1, -k1) / r2) * r2; ny = int(random(k2, -k2) / r2) * r2; col = getColor(); drawCircle(nx, ny, col, r2, 110); } for(let i = 0; i < 20; i++) { rotate(random(TAU)); nx = int(random(k1, -k1) / r1) * r1; ny = int(random(k2, -k2) / r1) * r1; col = getColor(); drawCircle(nx, ny, col, r1, 160); } for(let i = 0; i < 40; i++) { rotate(random(TAU)); nx = int(random(k1, -k1) / r0) * r0; ny = int(random(k2, -k2) / r0) * r0; col = getColor(); drawCircle(nx, ny, col, r0, 190); } for(let i = 0; i < 60; i++) { rotate(random(TAU)); nx = int(random(k1, -k1) / r0) * r0; ny = int(random(k2, -k2) / r0) * r0; col = getColor(); drawCircle(nx, ny, col, r4, 240); } pop(); drawFrame(); } 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]; } }

My Sketch 20220824