let vehicles; let target; let targetCount; const numberArray = [ [ 0, 1, 1, 0, 1, 0, 0, 1, 1, 0, 0, 1, 1, 0, 0, 1, 0, 1, 1, 0 ], [ 0, 1, 1, 0, 0, 0, 1, 0, 0, 0, 1, 0, 0, 0, 1, 0, 0, 1, 1, 1 ], [ 1, 1, 1, 0, 0, 0, 0, 1, 0, 1, 1, 0, 1, 0, 0, 0, 1, 1, 1, 1 ], [ 1, 1, 1, 0, 0, 0, 0, 1, 0, 1, 1, 0, 0, 0, 0, 1, 1, 1, 1, 0 ], [ 1, 0, 0, 1, 1, 0, 0, 1, 1, 1, 1, 1, 0, 0, 0, 1, 0, 0, 0, 1 ], [ 1, 1, 1, 1, 1, 0, 0, 0, 1, 1, 1, 0, 0, 0, 0, 1, 1, 1, 1, 0 ], [ 0, 1, 1, 1, 1, 0, 0, 0, 1, 1, 1, 0, 1, 0, 0, 1, 0, 1, 1, 0 ], [ 1, 1, 1, 1, 0, 0, 0, 1, 0, 0, 0, 1, 0, 0, 1, 0, 0, 0, 1, 0 ], [ 0, 1, 1, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 0, 0, 1, 0, 1, 1, 0 ], [ 0, 1, 1, 0, 1, 0, 0, 1, 0, 1, 1, 1, 0, 0, 0, 1, 0, 1, 1, 0 ], ]; let numberCoordunate; let clicked; let shuffleColor = [0,1,2]; function setup() { createCanvas(windowWidth, windowHeight); noSmooth(); reset(); } function reset() { resizeCanvas(windowWidth, windowHeight); background(0); digitaldisplay = new DigitalDisplayGlid(); vehicles = []; for (let i = 0; i < 1200; i++) { vehicles.push(new Vehicle(digitaldisplay.resolution,random(width), random(height))); } //デジタル数値用の各種座標を設定する numberCoordunate = []; let resolution = int(height / 5); if (resolution * 4 > width) { resolution = int(width / 4); } for (let index = 0; index < numberArray.length; index++) { const element = numberArray[index]; let field = []; for (let j = 0; j < 5; j++) { for (let i = 0; i < 4; i++) { if(element[i + j * 4] == 1) { const d = new createVector(i * resolution + resolution / 2+ width / 2 - 4*resolution / 2, j * resolution + resolution / 2+ height / 2 - 5*resolution / 2); field.push(d); } } } numberCoordunate.push(field); } targetCount = 0; target = numberCoordunate[targetCount]; clicked = false; } function windowResized() { reset(); } function mouseClicked() { clicked = !clicked; if(clicked) shuffleColor = shuffle(shuffleColor); } function setNumber(num,offsetX){ let numStr = num.toString().padStart(2,'0'); numLeft = numStr.substr(0,1); numRight = numStr.substr(1,1); let target = []; for(let r=0;r<5;r++){ for(let c=0;c<4;c++){ if(numberArray[numLeft][c + r*4]==1){ target.push(digitaldisplay.lookup(new createVector(c+offsetX,r))); } } } for(let r=0;r<5;r++){ for(let c=0;c<4;c++){ if(numberArray[numRight][c + r*4]==1){ target.push(digitaldisplay.lookup(new createVector(c+offsetX+5,r))); } } } return target; } function draw() { fill(0, 15); noStroke(); blendMode(BLEND); rect(0, 0, width, height); let dObj = new Date(); let hours = dObj.getHours(); let minutes = dObj.getMinutes(); let seconds = dObj.getSeconds(); target = []; //時： target = target.concat(setNumber(hours,1)); target = target.concat(digitaldisplay.lookup(new createVector(11,1))); target = target.concat(digitaldisplay.lookup(new createVector(11,3))); //分： target = target.concat(setNumber(minutes,13)); target = target.concat(digitaldisplay.lookup(new createVector(23,1))); target = target.concat(digitaldisplay.lookup(new createVector(23,3))); //秒 target = target.concat(setNumber(seconds,25)); blendMode(ADD); var loop = floor(vehicles.length / target.length); for (let i = 0; i < target.length; i++) { const elemen = target[i]; for (let j = 0; j < loop; j++) { const vehicle = vehicles[j+i*loop]; if(!clicked) { vehicle.seek(elemen); } vehicle.update(); vehicle.checkEdges(); vehicle.display(); } } } class Vehicle { constructor(r,x, y) { this.location = createVector(x, y); this.oldlocation = createVector(x, y); this.velocity = createVector(0, 0); this.acceleration = createVector(0, 0); this.target = createVector(0, 0); this.resolution = r*0.5; this.r = 3.0; this.maxspeed = 14; this.maxforce =5;//加速度 this.count = frameCount; this.col = []; this.col.push(int(random()*128+128)); this.col.push(int(random()*(this.col[0]*0.60) + this.col[0]*0.20)); this.col.push(int(random()*(this.col[1]*0.60) + this.col[1]*0.20)); } update() { this.velocity.add(this.acceleration); this.velocity.limit(this.maxspeed); this.location.add(this.velocity); this.acceleration.mult(0); } applyForce(force) { this.acceleration.add(force); } seek(target) {//追求能力のアルゴリズム if (this.count < frameCount) { let t = createVector(1, 0); t.rotate(random(TWO_PI)); t.mult(this.resolution); this.target = p5.Vector.add(target, t); this.count = frameCount +0; } const desired = p5.Vector.sub(this.target, this.location); const d = desired.mag(); this.maxspeed = d * 0.5; desired.normalize(); desired.mult(this.maxspeed); const steer = p5.Vector.sub(desired, this.velocity); steer.limit(this.maxforce); this.applyForce(steer); } checkEdges() { let desired; let steer; if (this.location.x > width - 15) { desired = new createVector(-this.maxspeed,this.velocity.y); steer = p5.Vector.sub(desired,this.velocity); steer.limit(this.maxforce); this.applyForce(steer); //this.location.x = width; //this.velocity.x *= -1; } else if (this.location.x < 15) { desired = new createVector(this.maxspeed,this.velocity.y); steer = p5.Vector.sub(desired,this.velocity); steer.limit(this.maxforce); this.applyForce(steer); //this.velocity.x *= -1; //this.location.x = 0; } if (this.location.y > height - 15) { desired = new createVector(this.velocity.x,-this.maxspeed); steer = p5.Vector.sub(desired,this.velocity); steer.limit(this.maxforce); this.applyForce(steer); //this.velocity.y *= -1; //this.location.y = height; } else if (this.location.y < 15) { desired = new createVector(this.velocity.x,this.maxspeed); steer = p5.Vector.sub(desired,this.velocity); steer.limit(this.maxforce); this.applyForce(steer); //this.velocity.y *= -1; //this.location.y = 0; } } display() { stroke(color(this.col[shuffleColor[0]],this.col[shuffleColor[1]],this.col[shuffleColor[2]])); line(this.location.x, this.location.y, this.oldlocation.x, this.oldlocation.y); this.oldlocation = createVector(this.location.x, this.location.y); } } class DigitalDisplayGlid { constructor() { this.cols = 35; this.rows = 5; this.resolution = int(width / this.cols); if (this.resolution * this.rows > height) { this.resolution = int(height / this.rows); } this.field = []; for (let j = 0; j < this.rows; j++) { for (let i = 0; i < this.cols; i++) { const d = new createVector(i * this.resolution + this.resolution / 2, j * this.resolution + this.resolution / 2+height / 2-this.rows*this.resolution / 2); this.field.push(d); } } } lookup(lookup) {// 位置に基づいてベクトルを返す let index = lookup.x + lookup.y * this.cols; return this.field[index]; } }

particlock