w = 900; h = 900; let count = 24; let bars = 6; let poles = new Array(count * bars); let minl = 40, maxl = 60; function mousePressed() { redraw(); } class Pole { constructor() { this.length = -random(minl, maxl); this.type = 0; } drawSelf(x, y) { let v = 1/10; let type = random(); strokeWeight(1.); if(type < v * 0.5) { drawTypeA(x, y, this.length); // door } else if(type < v * 1.5) { drawTypeB(x, y, this.length); // with circle } else if(type < v * 2.2) { drawTypeC(x, y, this.length); // with circle with ring } else if(type < v * 3.6) { drawTypeD(x, y, this.length); // tree } else if(type < v * 4.6) { drawTypeE(x, y, this.length); // dango } else if(type < v * 5.4) { drawTypeF(x, y, this.length); // zigzag } else if(type < v * 6.2) { drawTypeG(x, y, this.length); // street light } else if(type < v * 6.9) { drawTypeH(x, y, this.length); } else if(type < v * 7.5) { drawTypeI(x, y, this.length); // kunekune } else { drawTypeJ(x, y, this.length); // plus icon } // door function drawTypeA(px, py, l) { noStroke(); let ww = 12; let hh = 24; fill(0,0,24,100); push(); translate(px, py); rect(-ww,-hh, ww, hh); arc(-ww/2, -hh+1, ww, ww, PI, 0); fill(0,0,94,100); if(random() < .4) { circle(-ww/4, -hh/2, 3); } else { circle(-ww*3/4, -hh/2, 3); } pop(); } // with circle function drawTypeB(px, py, l) { stroke(0,0,0,100); push(); translate(px, py); line(0, 0, 0, l); let r = random(12, 15); let ct = random(); if(ct < .3) { fill(15,90,100,100); } else if (ct < .6) { fill(265,90,100,100); } else { fill(195,90,100,100); } circle(0, l, r); noStroke(); fill(0,0,100,100); circle(r/5, l-r/5, r*.25); pop(); } // with circle with ring function drawTypeC(px, py, l) { stroke(0,0,0,100); push(); translate(px, py); line(0, 0, 0, l); let r = 10; if(random() <.7) { fill(0,0,100,100); circle(0, l, r); fill(0,0,0,100); circle(0, l, r*.4); } else { fill(0,0,0,100); circle(0, l, r); noStroke(); fill(0,0,100,100); circle(r/4, l-r/4, r*.3); } pop(); } // tree function drawTypeD(px, py, l) { stroke(0,0,0,100); push(); translate(px, py); let ll = -random(35, 40); line(0, 0, 0, ll); noStroke(); fill(0,0,0,100); triangle(-4,ll+5, 4,ll+5, 0,ll-10); triangle(-6,ll+15, 6,ll+15, 0,ll); triangle(-8,ll+25, 8,ll+25, 0,ll+10); pop(); } // dango function drawTypeE(px, py, l) { stroke(0,0,0,100); fill(0,0,100,100); push(); translate(px, py); let d = 10; let r = d/2; let c = int(random(3, 6)); for(let i = 0; i < c; i++) { circle(random(-1,1), -r - r * (i*2), d); } pop(); } // zigzag function drawTypeF(px, py, l) { stroke(0,0,0,100); let r = 10; fill(0,0,100,100); push(); translate(px, py); let dx = 3; let dy = 5; let p1 = [-dx, 0]; let p2 = [dx, -dy]; line(p1[0], p1[1], p2[0], p2[1]); p1 = p2; p2 = [-dx, -2*dy]; line(p1[0], p1[1], p2[0], p2[1]); p1 = p2; p2 = [dx, -3*dy]; line(p1[0], p1[1], p2[0], p2[1]); if(random() < .3) { fill(0,0,100,100); circle(p2[0]+2, p2[1]-2, r); pop(); return; } p1 = p2; p2 = [-dx, -4*dy]; line(p1[0], p1[1], p2[0], p2[1]); p1 = p2; p2 = [dx, -5*dy]; line(p1[0], p1[1], p2[0], p2[1]); if(random() < .6) { fill(0,0,100,100); circle(p2[0]+2, p2[1]-2, r); pop(); return; } p1 = p2; p2 = [-dx, -6*dy]; line(p1[0], p1[1], p2[0], p2[1]); p1 = p2; p2 = [dx, -7*dy]; line(p1[0], p1[1], p2[0], p2[1]); if(random() < .6) { fill(0,0,100,100); circle(p2[0]+2, p2[1]-2, r); pop(); return; } p1 = p2; p2 = [-dx, -8*dy]; line(p1[0], p1[1], p2[0], p2[1]); p1 = p2; p2 = [dx, -9*dy]; line(p1[0], p1[1], p2[0], p2[1]); fill(0,0,100,100); circle(p2[0]+2, p2[1]-2, r); pop(); } // street light function drawTypeG(px, py, l) { stroke(0,0,0,100); strokeWeight(1.3); push(); noFill(); translate(px, py); let dx = 8; let dy = random(38,46); if(random() < .4) { line(-dx, 0, -dx, -dy); arc(0, -dy, dx*2, dx*2, PI, 0); triangle(dx, -dy, dx-dx/3, -dy+8, dx+dx/3, -dy+8); } else { line(dx, 0, dx, -dy); arc(0, -dy, dx*2, dx*2, PI, 0); fill(0,0,0,100); triangle(-dx, -dy, -dx-dx/3, -dy+8, -dx+dx/3, -dy+8); } pop(); } function drawTypeH(px, py, l) { fill(0,0,100,100); push(); translate(px, py); let f = 6; let g = 15; let d = 1.5; strokeWeight(1.2); stroke(0,0,0,100); let t = int(random(2, 6)); rect(-g/2, -f*1-d, g, f); for(let i = 0; i< t; i++) { rect(-g/2 + random(-f/2, f/2), -f*(i+2)-d, g, f); } pop(); } // kunekune function drawTypeI(px, py, l) { noFill(); stroke(0,0,0,100); fill(0,0,100,100); push(); translate(px, py); let s = l/6; if(random() < .6) { arc(0, l-s, s*2, s*2, PI/2, -PI/2); arc(0, l-s*3, s*2, s*2, -PI/2, PI/2); } else { arc(0, l-s, s*2, s*2, -PI/2, PI/2); arc(0, l-s*3, s*2, s*2, PI/2, -PI/2); } line(0,0,0,l); pop(); } // plus icon function drawTypeJ(px, py, l) { noFill(); stroke(0,0,0,100); noFill(); push(); translate(px, py); let dx = random(-10,10); let dy = -random(20,50); line(dx-4,dy, dx+4, dy); line(dx,dy-4, dx, dy+4); pop(); } } } function drawGrass(nx, ny, l) { push(); strokeWeight(.5); translate(nx, ny); let e = 300; let s = l / e; for(let i = 0; i < e; i++) { let w = random(2,6); line(i * s, 0, i * s, -w); } pop(); } function setup() { createCanvas(w, h); noLoop(); strokeCap(PROJECT); smooth(); colorMode(HSB, 360, 100, 100, 100); for (let i = 0; i < count * bars; i++) { poles[i] = new Pole(); } } function drawWallpaper(px, py, ww, hh) { pg = createGraphics(ww, hh); pg.colorMode(HSB, 360, 100, 100, 100); pg.background(0,0,97,80); let p = 1/3; let type = random(); if(type < 1.) { // 1. mizutama if(random() < .3) { pg.noStroke(); pg.fill(0,0,100,100); } else { pg.noFill(); pg.strokeWeight(2); pg.stroke(0,0,100,100); } for(let i = 0; i < 10; i++) { let ty = 10 + i * 20; for(let j = 0; j < 40; j ++) { let dx = random(-4,4); let dy = random(-5,5); if(i % 2 == 0) { pg.circle(j*20 + dx,ty + dy,random(6,8)); } else { pg.circle(j*20+10 + dx,ty + dy,random(6,8)); } } } } else if(type < p*2) { // 2. naname-border pg.strokeWeight(5); pg.strokeCap(SQUARE); pg.stroke(0,0,100,100); if(random() < .4) { for(let i = 0; i < 60; i++) { pg.strokeWeight(random(3, 8)); pg.line(-120+i*20,3, -120+i*20+40,hh-3); } } else { for(let i = 0; i < 60; i++) { pg.strokeWeight(random(3, 8)); pg.line(-120+i*20,3, -120+i*20-40,hh-3); } } } else { // 3. zigzag pg.strokeWeight(3); pg.strokeCap(SQUARE); pg.stroke(0,0,100,100); pg.noFill(); for(let i = 0; i < 10; i++) { pg.beginShape(); let spanX = 25; let spanY = 20; let offsetY = 6; for(let j = 0; j < 30; j++) { if(random() < .4) { pg.vertex(j*spanX, i*spanY + offsetY); pg.vertex(j*spanX+spanX/2, i*spanY-spanY/2 + offsetY); pg.vertex(j*spanX+spanX, i*spanY + offsetY); } else { pg.vertex(j*spanX, i*spanY + offsetY); pg.vertex(j*spanX+spanX/2, i*spanY+spanY/2 + offsetY); pg.vertex(j*spanX+spanX, i*spanY + offsetY); } } pg.endShape(); } } image(pg, px, py); } function drawLights(x) { push(); strokeWeight(1.); stroke(0,0,0,100); translate(x, y-interval); line(0, 0, 0, +10); fill(0,0,100,100); circle(0,20, 5); fill(55,100,100,100); stroke(0,0,0,100); arc(0,20, 15,15, -PI,0); pop(); } function draw() { background(0, 0, 97, 100); d = 200 + maxl / 2; interval = (h - d) / bars; let qq = 0; shearY(-PI/40); qq = -30; for(let j = 0; j < bars; j++) { strokeWeight(2.); stroke(0,0,0,100); x1 = w/9; x2 = w*8/9; y = d + j * interval-qq; prevY = d + (j-1) * interval-qq; length = x2 - x1; offset = 30; // 1. bars line(x1-offset,y,x2+offset,y); if(j == 0) { strokeWeight(1.4); line(x1-offset,y-interval,x2+offset,y-interval); } // 2 wallpaper drawWallpaper(x1-offset, prevY+1, length+2*offset, interval-1); // 3 grass drawGrass(x1-offset, y, length+2*offset); // 4. poles span = length / count; for (let i = 0; i < count; i++) { if(i == 0 || i == count) { continue; } if(random() < .3) { continue; } x = x1 + i * span; poles[i].drawSelf(x, y); } // 5. light let n = 1; let uxs = []; for(let w = 0; w < n; w++) { let ux = random(x1, x2); uxs[w] = ux; drawLights(ux); } // 6. codes // let px = random(x1-offset + 200, x2+offset-200); let px = 0; let cx = (x1,y,x2) / 2.; if(uxs[0] < cx) { px = random(cx, x2+offset-200); } else { px = random(x1-offset + 200, cx); } let dd1 = random(15,20); let dd2 = random(10,20); let dd3 = random(5,10); push(); translate(px,y-interval); stroke(0,0,0,100); let rr = 10; let s = 0; if(random() < .4) { line(s,0, s,dd1); line(s,dd1, s-dd2,dd1+dd3); line(s-dd2,dd1+dd3, s-dd2,dd1+dd3+dd3); s = 15; line(s,0, s,dd1); line(s,dd1, s-dd2,dd1+dd3); line(s-dd2,dd1+dd3, s-dd2,dd1+dd3+dd3); s = -15; line(s,0, s,dd1); line(s,dd1, s-dd2,dd1+dd3); line(s-dd2,dd1+dd3, s-dd2,dd1+dd3+dd3); noStroke(); fill(0,0,0,100); circle(-dd2,dd1+dd3+dd3+rr/2, rr); fill(0,0,100,100); circle(-dd2,dd1+dd3+dd3+rr/2, rr*.7); } else { line(s,0, s,dd1); line(s,dd1, s+dd2,dd1+dd3); line(s+dd2,dd1+dd3, s+dd2,dd1+dd3+dd3); noStroke(); fill(0,0,0,100); circle(dd2,dd1+dd3+dd3+rr/2, rr); fill(0,0,100,100); circle(dd2,dd1+dd3+dd3+rr/2, rr*.7); } pop(); } }

My Sketch 20220602