let numberOfHexagon = 20; let hexagonList = []; let span; function setup() { createCanvas(windowWidth, windowHeight, P2D); frameRate(60); strokeWeight(1.5); fill(39); stroke(239); var startLocationList = []; var radius = 35; span = radius * sqrt(3) var flag = true; var index = 0; for(var y = 0; y < windowHeight + radius; y += radius * 1.5){ for(var x = 0; x < windowWidth + radius; x += span){ if(flag){ var location = createVector(x, y); startLocationList[index++] = location; }else{ var location = createVector(x + span * 0.5, y, radius); startLocationList[index++] = location; } } flag = !flag; } var div_y = Math.floor(windowHeight / radius * 1.5); var div_x = Math.floor(windowWidth / span); for(var i = 0; i < numberOfHexagon; i++){ var hexagon = new Hexagon(); hexagon.radius = radius; hexagon.location_list[0] = random(startLocationList); hexagonList[i] = hexagon; } } function draw(){ background(239); for(var i = 0; i < numberOfHexagon; i++){ if(frameCount % 8 == 0){ hexagonList[i].move(); } hexagonList[i].draw(); } } class Hexagon{ constructor(){ this.location_list = []; this.radius = 0; this.len = 8; } move(){ var r = Math.floor(random(6)); var deg_start = r * 60; for(var tmp_deg = deg_start; tmp_deg < deg_start + 360; tmp_deg += 60){ var tmp_x = this.location_list[this.location_list.length - 1].x + span * cos(radians(tmp_deg)); var tmp_y = this.location_list[this.location_list.length - 1].y + span * sin(radians(tmp_deg)); if(tmp_x < 0 || tmp_x > windowWidth || tmp_y < 0 || tmp_y > windowHeight){ continue; } var location = createVector(tmp_x, tmp_y); if(this.location_list.length < this.len){ this.location_list[this.location_list.length] = location; }else{ for(var i = 1; i < this.len; i++){ this.location_list[i - 1] = this.location_list[i]; } this.location_list[this.len - 1] = location; } break; } } draw(){ for(var i = 0; i < this.location_list.length; i++){ beginShape(); for(var deg = 90; deg < 450; deg += 60){ vertex(this.location_list[i].x + this.radius * cos(radians(deg)), this.location_list[i].y + this.radius * sin(radians(deg))); } endShape(CLOSE); } } }

六角形のランダムウォーク