let w = 900, h = 900; let s = 10; let type; let num = 30; let pal = ['#ECAA9C','#B1D1C6', '#2E5B8B', '#F2CA60', '#d4c7a3', '#DE7830', '#513C2C', '#1F3858', '#C9292E', '#bfb8a3']; function mousePressed() { redraw(); } function setup() { createCanvas(w, h); 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 drawCircleGrids(x, y, nx, ny, col, v) { var cx, cy, r; if(random() < 0.7) { noStroke(); fill(col); r = s * v; } else { noFill(); stroke(col); r = s * v; } for(let i = 0; i < ny; i++) { cy = y + i * s; for(let j = 0; j < nx; j++) { cx = x + j * s; circle(cx, cy, r); } } } function drawRectGrids(x, y, nx, ny, col) { var cx, cy, r; if(random() < 0.7) { noStroke(); fill(col); r = s * 0.4; } else { noFill(); stroke(col); r = s * 0.6; } for(let i = 0; i < ny; i++) { cy = y + i * s; for(let j = 0; j < nx; j++) { cx = x + j * s; rect(cx, cy, r, r); } } } function drawLineGrids(x, y, nx, ny, col) { stroke(col); strokeWeight(1.4); var cx, cy, offset = s/10; var r = s * 0.8; var dir = random(); for(let i = 0; i < ny; i++) { cy = y + i * s; for(let j = 0; j < nx; j++) { cx = x + j * s; if(dir < 0.4) { line(cx-r/2 + offset, cy-r/2 + offset, cx+r/2 - offset, cy+r/2 - offset); } else { line(cx-r/2 + offset, cy+r/2 - offset, cx+r/2 - offset, cy-r/2 + offset); } } } } function drawCrossLineGrids(x, y, nx, ny, col) { stroke(col); strokeWeight(1.4); var cx, cy, offset = s/4; var dir = random(); for(let i = 0; i < ny; i++) { cy = y + i * s; for(let j = 0; j < nx; j++) { cx = x + j * s; line(cx, cy + offset, cx, cy - offset); line(cx + offset, cy, cx - offset, cy); } } } function drawRandomTriangles(num, col) { if(random() < 0.3) { noStroke(); fill(col); } else { noFill(); stroke(col); } var nx, ny, pattern, type, k; for(let i = 0; i < num; i++) { nx = int( random(w) / s ) * s; ny = int( random(h) / s ) * s; if(random() < 0.3) { nx -= s/2; ny -= s/2; } pattern = random(); if(pattern < 0.02) { k = 4*s; } else if(pattern < 0.2) { k = 2*s; } else { k = s; } type = random(); if(type < 0.25) { triangle(nx, ny, nx + k, ny + s, nx, ny + s); } else if(type < 0.5) { triangle(nx, ny, nx + k, ny + s, nx + k, ny); } else if(type < 0.75) { triangle(nx + k, ny, nx + k, ny + s, nx, ny + s); } else { triangle(nx, ny, nx + k, ny, nx, ny + s); } } } // function drawFlatRect(x, y, sx, sy, col) { // var cx, cy, r; // if(random() < 0.3) { // noStroke(); // fill(col); // } else { // noFill(); // stroke(col); // } // rect(x, y, sx*s, sy*s); // } function drawFlatRect(x, y, sx, sy, col) { var cx, cy, r; noFill(); stroke(col); rect(x, y, sx*s, sy*s); push(); translate(x, y); strokeWeight(0.6); for(let i = 0; i < y; i+= 3) { var k = random(sy*s); line(0, k, sx*s, k + random(-3, 3)); } pop(); } 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 draw() { background(220); var nx, ny, m, n, col, v; drawGrids(); col = getColor(); drawRandomTriangles(50, col); col = getColor(); drawRandomTriangles(50, col); col = getColor(); drawRandomTriangles(50, col); for(let i = 0; i < num; i++) { col = getColor(); nx = int( random(w) / s ) * s; ny = int( random(h) / s ) * s; m = int( random(2, 6)); n = int( random(4, 16)); if(random() < 0.4) { nx -= s / 2; ny -= s / 2; } drawFlatRect(nx, ny, n, m, col); } for(let i = 0; i < num; i++) { col = getColor(); nx = int( random(w) / s ) * s; ny = int( random(h) / s ) * s; m = int( random(2, 10)); n = int( random(3, 12)); if(random() < 0.4) { nx -= s / 2; ny -= s / 2; } drawLineGrids(nx, ny, m, n, col); col = getColor(); nx = int( random(w) / s ) * s; ny = int( random(h) / s ) * s; m = int( random(2, 10)); n = int( random(3, 12)); if(random() < 0.4) { nx -= s / 2; ny -= s / 2; } v = random(0.45, 0.75); drawCircleGrids(nx, ny, m, n, col, v); col = getColor(); nx = int( random(w) / s ) * s; ny = int( random(h) / s ) * s; m = int( random(2, 10)); n = int( random(3, 12)); if(random() < 0.4) { nx -= s / 2; ny -= s / 2; } drawRectGrids(nx, ny, m, n, col); col = getColor(); nx = int( random(w) / s ) * s; ny = int( random(h) / s ) * s; m = int( random(2, 10)); n = int( random(3, 12)); if(random() < 0.4) { nx -= s / 2; ny -= s / 2; } drawCrossLineGrids(nx, ny, m, n, col); } 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 20220616