// inspiration : https://www.stellavie.com/en/products/letterpress-print-lego-abstract-glitch-a5c1 let h = 1280; let w = 1280; let d; let mgn = 50; let num = 2; let pal = ["#C38D46", "#E64441", "#DCBEC3", "#104B21", "#112345", "#E59623"]; // Pattern1 : 1 rect (1color) function drawPattern1(sx, sy, ss, cols) { fill(cols[0]); rect(sx, sy, ss, ss); } // Pattern2 : 1 circle (1color) function drawPattern2(sx, sy, ss, cols) { fill(cols[0]); circle(sx, sy, ss); } // Pattern3 : 2 rect (2 color) function drawPattern3(sx, sy, ss, cols) { fill(cols[1]); rect(sx-ss/4, sy, ss/2, ss); fill(cols[2]); rect(sx+ss/4, sy, ss/2, ss); } // Pattern4 : 2 rect (1color) function drawPattern4(sx, sy, ss, cols) { fill(cols[1]); rect(sx-ss/4, sy, ss/2-2, ss); rect(sx+ss/4, sy, ss/2-2, ss); } // Pattern5 : 4 rect (2color) function drawPattern5(sx, sy, ss, cols) { fill(cols[3]); rect(sx-ss/4, sy-ss/4, ss/2-2, ss/2); rect(sx+ss/4, sy+ss/4, ss/2-2, ss/2); fill(cols[4]); rect(sx-ss/4, sy+ss/4, ss/2-2, ss/2); rect(sx+ss/4, sy-ss/4, ss/2-2, ss/2); } // Pattern6 : 2 rect, 2 circle (2color) function drawPattern6(sx, sy, ss, cols) { fill(cols[2]); rect(sx-ss/4, sy-ss/4, ss/2-2, ss/2-2); rect(sx+ss/4, sy+ss/4, ss/2-2, ss/2-2); fill(cols[5]); circle(sx-ss/4, sy+ss/4, ss/2); circle(sx+ss/4, sy-ss/4, ss/2); } //////////////////////////////////////////// // Type1 : same shape. same size function drawType1(sx, sy, xBand, yBand, grid) { shuffle(pal, true); noStroke(); push(); translate(sx, sy); let ss = grid * 0.9; let p = floor(random(2)); for(let i = 0; i < xBand; i++) { for(let j = 0; j < yBand; j++) { switch(p) { case 0 : drawPattern1(i*grid, j*grid, ss, pal); break; case 1 : drawPattern2(i*grid, j*grid, ss, pal); break; } } } pop(); } // Type2 : random function drawType2(sx, sy, xBand, yBand, grid) { shuffle(pal, true); noStroke(); push(); translate(sx, sy); let ss = grid * 0.9; for(let i = 0; i < xBand; i++) { for(let j = 0; j < yBand; j++) { let p = floor(random(6)); switch(p) { case 0 : drawPattern1(i*grid, j*grid, ss, pal); break; case 1 : drawPattern2(i*grid, j*grid, ss, pal); break; case 2 : drawPattern3(i*grid, j*grid, ss, pal); break; case 3 : drawPattern4(i*grid, j*grid, ss, pal); break; case 4 : drawPattern5(i*grid, j*grid, ss, pal); break; case 5 : drawPattern6(i*grid, j*grid, ss, pal); break; } } } pop(); } // Type3: vertical pattern function drawType3(sx, sy, xBand, yBand, grid) { shuffle(pal, true); noStroke(); push(); translate(sx, sy); let ss = grid * 0.9; if(random() < 0.4) { let itr = 2; for(let i = 0; i < xBand; i++) { let p = i % itr; for(let j = 0; j < yBand; j++) { switch(p) { case 0 : drawPattern3(i*grid, j*grid, ss, pal); break; case 1 : drawPattern4(i*grid, j*grid, ss, pal); break; } } } } else { let itr = 4; for(let i = 0; i < xBand; i++) { let p = i % itr; for(let j = 0; j < yBand; j++) { switch(p) { case 0 : drawPattern2(i*grid, j*grid, ss, pal); break; case 1 : drawPattern3(i*grid, j*grid, ss, pal); break; case 2 : drawPattern4(i*grid, j*grid, ss, pal); break; case 3 : drawPattern6(i*grid, j*grid, ss, pal); break; } } } } pop(); } //////////////////////////////////////////// function mousePressed() { redraw(); } function setup() { d = min(windowWidth, windowHeight); createCanvas(d, d); noLoop(); noStroke(); noFill(); rectMode(CENTER); } function draw() { background("#EAE7DC"); let num = 8; let tt = int(random(1,6)); switch(tt) { case 1 : num = 10; break; case 2 : num = 20; break; case 3 : num = 25; break; case 4 : num = 40; break; case 5 : num = 50; break; } let ww = d - mgn*2; let grid = (ww / num); let ss = grid*0.9; // fill(255); // rect(w/2, h/2, ww, ww); push(); translate(mgn+grid/2, mgn+grid/2); let yCurrent = 0; while(yCurrent < num) { let yBand = int(random(12, 40)); let yRemain = num - yCurrent; if(yRemain < yBand) { yBand = yRemain; } let xCurrent = 0; while(xCurrent < num) { let xBand = int(random(5, 20)); let xRemain = num - xCurrent; if(xRemain < xBand) { xBand = xRemain; } let sx = xCurrent * grid; let sy = yCurrent * grid; let type = random(); if(type < 0.3) { if(xBand % 2 == 0 && yBand % 2 == 0) { drawType1(sx+grid/2, sy+grid/2, xBand/2, yBand/2, grid*2); } else { drawType1(sx, sy, xBand, yBand, grid); } } else if(type < 0.7) { drawType2(sx, sy, xBand, yBand, grid); } else { drawType3(sx, sy, xBand, yBand, grid); } xCurrent += xBand; } yCurrent += yBand; } pop(); }

My Sketch 20240115