var colorArray = ["#C92E13","#FF8A01","#FDC88F","#EEB079","#6B200D","#FEA41D"]; var startWs = []; var endWs = []; var ladderWidth = 10; function setup() { frameRate(1); createCanvas(800, 800); colorMode(RGB); smooth(); angleMode(DEGREES); strokeCap(SQUARE); ellipseMode(CENTER); } var c = 9; function draw() { rectMode(CENTER); let colorPalette = shuffle(colorArray); let bg = color(colorPalette[0]); background(bg); let v = min(width, height); let w_margin = width / c; let h_margin = height / c; let w = width - w_margin * 2; let h = height - h_margin * 2; let step = 14; let unit = h / step; let l = random(5,10); let ma = random(1,5); push(); translate(w_margin, h_margin); // ドアの設置 noStroke(); fill(colorPalette[1]); for(let i = 1; i <= step; i++) { let y = i * unit; let doorH = unit * 0.5; if(random() < 0.2) { rectMode(CORNERS); let doorPos = random(10, w - 10); rect(doorPos - 6, y - doorH, doorPos + 6, y - 1); ellipse(doorPos, y - doorH, 12); } } noFill(); // 階段の設置 let m = 5; strokeWeight(3); stroke(colorPalette[2]); for(let i = 1; i <= step; i++) { let y = i * unit; let t = unit / m; // 掛ける場所を決める let ladderPos = random(0, w - ladderWidth); // 上の段に掛けられるか if (random() < 0.95) { if (startWs[i-1] < ladderPos && ladderPos + ladderWidth < endWs[i-1]) { line(ladderPos , y, ladderPos , y - unit); line(ladderPos + ladderWidth, y, ladderPos + ladderWidth, y - unit); for(let j = 1; j < m; j++) { line(ladderPos, y - t * j, ladderPos + ladderWidth, y - t * j); } } else { // かけられなかった場合は75%でリトライ if (random() < 0.75) { i--; } } } // 上の上の段に掛けられるか else { if (startWs[i-2] < ladderPos && ladderPos + ladderWidth < endWs[i-2]) { line(ladderPos , y, ladderPos , y - 2*unit); line(ladderPos + ladderWidth, y, ladderPos + ladderWidth, y - 2*unit); for(let k = 1; k < m * 2; k++) { line(ladderPos, y - t * k, ladderPos + ladderWidth, y - t * k); } } else { // かけられなかった場合は75%でリトライ if (random() < 0.75) { i--; } } } } // 人1の設置 noStroke(); fill(colorPalette[3]); for(let i = 1; i <= step; i++) { let y = i * unit; let personH = unit * 0.75; if(random() < 0.5) { let personPos = random(10, w - 10); triangle(personPos - 5, y-2, personPos + 5, y-2, personPos , y - personH*0.7); ellipse(personPos, y - personH*0.6, 12); } } // 木の設置 noStroke(); fill(colorPalette[3]); for(let i = 1; i <= step; i++) { let y = i * unit; let treeH = unit * 0.7; if(random() < 0.5) { let treePos = random(10, w - 10); for(let u = 0; u < treeH; u++) { let uu = map(u, 0,treeH, 0, 360); ellipse(treePos + 10* sin(uu)-2.5, y - u, 3,3); uu = map(u, 0,treeH*0.6, 0, 360); ellipse(treePos + 6* sin(uu)-15, y - u*0.6, 3,3); ellipse(treePos + 6* sin(uu)+15, y - u*0.6, 3,3); } } } // 階段の設置 strokeWeight(3); noFill(); stroke(colorPalette[5]); let dan = unit/4; for(let i = 1; i <= step; i++) { let y = i * unit; let stairH = unit; if(random() < 0.25) { let stairPos = random(20, w - 20); beginShape(); vertex(stairPos ,y); vertex(stairPos ,y-dan); vertex(stairPos+dan ,y-dan); vertex(stairPos+dan ,y-2*dan); vertex(stairPos+2*dan ,y-2*dan); vertex(stairPos+2*dan ,y-3*dan); vertex(stairPos+3*dan ,y-3*dan); vertex(stairPos+3*dan ,y-4*dan); endShape(); } } // 人2の設置 noStroke(); fill(colorPalette[4]); for(let i = 1; i <= step; i++) { let y = i * unit; let personH = unit * 0.75; if(random() < 0.5) { let personPos = random(10, w - 10); triangle(personPos - 5, y-2, personPos + 5, y-2, personPos , y - personH*0.7); ellipse(personPos, y - personH*0.6, 12); } } // 円の設置 noFill(); strokeWeight(5); stroke(colorPalette[3]); for(let i = 1; i <= step; i++) { let y = i * unit; let circleR = unit * 0.75; if(random() < 0.6) { let circlePos = random(15, w - 15); arc(circlePos, y, circleR, circleR, 180, 360); } } // 机の設置 strokeWeight(3); fill(bg); stroke(colorPalette[5]); for(let i = 1; i <= step; i++) { let coff = 0.4; let y = i * unit; let deskH = unit * coff; if(random() < 0.2) { let deskPos = random(0 + 20, w - 20); line(deskPos , y - 1.25 , deskPos , y - deskH); line(deskPos + 20, y - 1.25 , deskPos + 20, y - deskH); line(deskPos - 5 , y - deskH , deskPos + 25, y - deskH); ellipse(deskPos + 10, y - deskH * 0.5, 8); } } strokeWeight(3); for(let i = 1; i <= step; i++) { let y = i * unit; let boxH = unit * 0.3; let b = 3; if(random() < 0.5) { let boxPos = random(30, w - 30); line(boxPos-boxH * 3/2, y-boxH-b ,boxPos-boxH/2 ,y-b); line(boxPos-boxH/2 , y-boxH-b ,boxPos+boxH/2 ,y-b); line(boxPos+boxH/2 , y-boxH-b ,boxPos+boxH * 3/2 ,y-b); line(boxPos-boxH * 3/2, y-b ,boxPos-boxH/2 ,y-boxH-b); line(boxPos-boxH/2 , y-b ,boxPos+boxH/2 ,y-boxH-b); line(boxPos+boxH/2 , y-b ,boxPos+boxH * 3/2 ,y-boxH-b); } } // フロアの描画 for(let i = 0; i <= step; i++) { let y = i * unit; strokeWeight(4); if(random()<0.5) { stroke(10, 10, 10, 75); } else { stroke(190, 190, 190, 125); } line(0, y, w, y); if (random() < 0.3) { startWs[i] = random(0, w * 0.5); endWs[i] = random(w * 0.5, w); } else { startWs[i] = 0; endWs[i] = w; } // set Color let p = int(random(1,6)); let cd = color(colorPalette[p]); if(random() < 0.6) { stroke(cd); strokeWeight(5); line(startWs[i], y, endWs[i], y); } } // frameの描画 let fc; if(random() < 0.5) { fc = color("#141414"); } else { fc = color("#d1d1d1"); } stroke(fc); strokeWeight(9); line(-4, 0, w+4, 0); line(-4, h, w+4, h); line(0, 0, 0, h); line(w, 0, w, h); pop(); push(); blendMode(DIFFERENCE); rectMode(CORNER); let p = int(random(1,6)); let cd = color(colorPalette[p]); let q = random(); fill(cd); if(q < 0.3) { translate(w_margin, height/2-1); noStroke(); rect(4, 2, width - 2*w_margin-8, height/2-h_margin-4); } else if (q < 0.5) { translate(w_margin, h_margin); beginShape(); vertex(4 , 4); vertex(4 , height-2*h_margin-4); vertex(width-2*w_margin-4 , height-2*h_margin-4); endShape(); } else if (q < 0.7) { translate(w_margin, h_margin); beginShape(); vertex(width-2*w_margin-4 , 4); vertex(4 , height-2*h_margin-4); vertex(width-2*w_margin-4 , height-2*h_margin-4); endShape(); } else { translate(w_margin, h_margin); rect(4, 4, (width - 2*w_margin-8)/2, (height/2-h_margin-4)*2); } pop(); }

週刊p5js - 4