let w = 900, h = 900; let s = 10; let m = 3; let sw = 1.5; let grid = 60; 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(); colorMode(HSB, 360, 100, 100, 100); strokeCap(ROUND); } function draw() { background(220); var nx, ny, x1, y1, x2, y2, x3, y3; var len = s*m; var spanX = len*3; var spanY = len; var ratio = 8/7; push(); translate(s*4, s*4); for(let i = -1; i < grid; i++) { ny = i * spanY; for(let j = -1; j < grid; j++) { nx = j * spanX; if(i % 2 == 0) { nx -= spanX/2; } drawCube(nx, ny, len); } } pop(); var sx = 0, sy = 0; var co = getColor(); noiseSeed(random(1000)); var v = 1/300; var edge = 0.32; var bb = edge + 0.01; for(let i = 0; i < w; i+= s/10) { for(let j = 0; j < h; j+= s/10) { var n = noise(i*v, j*v); if(n > edge && n < bb) { stroke(90); strokeWeight(3); point(i, j); } else if(n <= edge) { stroke(220); strokeWeight(1.25); point(i, j); } } } drawGrids(); drawFrame(); } // ------------------------------------- // // ------------------------------------- // // ------------------------------------- // let colorFill = 0.85; function drawCube(x, y, l) { var t, dx, dy; strokeWeight(sw); var cc = color(getColor()); stroke(cc); var dst = int(random(2,8)); push(); translate(x, y); // ------------------------------------- // quad(0, 0, l, 0, l*3/2, l, l/2, l); t = int(random(2,7)); dx = l/t; if(random() < colorFill) { for(let i = 1; i < t; i++) { push(); if(random() < 0.3) { drawingContext.setLineDash([dst, dst]); } line(dx*i, 0, dx*i+l/2, l); pop(); } } else { fill(cc); quad(0, 0, l, 0, l*3/2, l, l/2, l); noFill(); for(let i = 1; i < t; i++) { push(); stroke(220); if(random() < 0.3) { drawingContext.setLineDash([dst, dst]); } line(dx*i, 0, dx*i+l/2, l); pop(); } } // ------------------------------------- // quad(0, 0, -l/2, l, 0, l*2, l/2, l); t = int(random(2,7)); dx = (l/2)/t; dy = l/t; if(random() < colorFill) { for(let i = 1; i < t; i++) { push(); if(random() < 0.3) { drawingContext.setLineDash([dst, dst]); } line(dx*i, dy*i, dx*i-l/2, dy*i+l); pop(); } } else { fill(cc); quad(0, 0, -l/2, l, 0, l*2, l/2, l); noFill(); for(let i = 1; i < t; i++) { push(); stroke(220); if(random() < 0.3) { drawingContext.setLineDash([dst, dst]); } line(dx*i, dy*i, dx*i-l/2, dy*i+l); pop(); } } // ------------------------------------- // quad(l*3/2, l, l/2, l, 0, l*2, l, l*2); t = int(random(2,7)); dx = (l/2)/t; dy = l/t; if(random() < colorFill) { for(let i = 1; i < t; i++) { push(); if(random() < 0.3) { drawingContext.setLineDash([dst, dst]); } line(l/2-dx*i, l+dy*i, l*3/2-dx*i, l+dy*i); pop(); } } else { fill(cc); quad(l*3/2, l, l/2, l, 0, l*2, l, l*2); noFill(); for(let i = 1; i < t; i++) { push(); stroke(220); if(random() < 0.3) { drawingContext.setLineDash([dst, dst]); } line(l/2-dx*i, l+dy*i, l*3/2-dx*i, l+dy*i); pop(); } } 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() { 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() { 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 20220914