let boids; let bigFish; let grid; const resolution = 60; let cols; let rows let mouseVec; function setup() { createCanvas(windowWidth, windowHeight); noSmooth(); //noStroke(); noFill(); reset(); } function reset() { resizeCanvas(windowWidth, windowHeight); background(0); cols = int(width / resolution) + 1; rows = int(height / resolution) + 1; grid = []; for (let i = 0; i < cols; i++) { for (let j = 0; j < rows; j++) { grid[i+j*cols] = []; } } boids = []; for (let i = 0; i < 300; i++) { let bx = random(width); let by = random(height); let column = int(bx / resolution); let row = int(by / resolution); let boid = new Boid(int(random(3)),bx,by); boids.push(boid); grid[column+row*cols].push(boid); } bigFish = []; bx = width / 2; by = height / 2; boid = new Boid(3,bx,by); bigFish.push(boid); bx = random(width); by = random(height); boid = new Boid(3,bx,by); bigFish.push(boid); bx = random(width); by = random(height); boid = new Boid(3,bx,by); bigFish.push(boid); mouseVec = new createVector(mouseX, mouseY); } function windowResized() { reset(); } function mousePressed() { mouseVec.x = mouseX; mouseVec.y = mouseY; } function draw() { let i,j,k,boid,column,row,col1,col2,row1,row2; //gridのリセット for (i = 0; i < grid.length; i++) { grid[i] = []; } //gridにboidを挿入 for (i = 0; i < boids.length; i++) { boid = boids[i]; column = int(boid.location.x / resolution); row = int(boid.location.y / resolution); grid[column+row*cols].push(boid); } // fill(0, 10); // noStroke(); blendMode(BLEND); // rect(0, 0, width, height); background(0,15,45); // fill(255); blendMode(ADD); for (i = 0; i < boids.length; i++) { boid = boids[i]; column = int(boid.location.x / resolution); row = int(boid.location.y / resolution); col1 = column - 1; if(col1<0)col1+=cols; col2 = column + 1; if(col2>=cols)col2=0; row1 = row - 1; if(row1<0)row1+=rows; row2 = row + 1; if(row2>=rows)row2=0; boid.flock(grid[col1+row1*cols],bigFish); boid.flock(grid[column+row1*cols],bigFish); boid.flock(grid[col2+row1*cols],bigFish); boid.flock(grid[col1+row*cols],bigFish); boid.flock(grid[column+row*cols],bigFish); boid.flock(grid[col2+row*cols],bigFish); boid.flock(grid[col1+row2*cols],bigFish); boid.flock(grid[column+row2*cols],bigFish); boid.flock(grid[col2+row2*cols],bigFish); boid.update(); boid.checkEdges(); //fill(255,10); //rect(column*resolution,row*resolution,resolution,resolution); boid.display(); } for (i = 0; i < bigFish.length; i++) { boid = bigFish[i]; let d = p5.Vector.dist(boid.target, boid.location); if(d < 50) { //console.log(d); let t = createVector(1, 0); t.rotate(random(TWO_PI)); t.mult(300); boid.target = p5.Vector.add(boid.location, t); if(boid.target.x < 0) boid.target.x += width; if(boid.target.x > width) boid.target.x -= width; if(boid.target.y < 0) boid.target.y += height; if(boid.target.y > height) boid.target.y -= height; } let see = boid.seek(boid.target); //see.mult(); boid.applyForce(see); boid.update(); boid.checkEdges(); boid.display(); } //stroke(150); //ellipse(width /2, height /2, 100); /* stroke(150); for (i = 0; i < cols; i++) { for (j = 0; j < rows; j++) { rect(i*resolution,j*resolution,resolution,resolution); } } */ } class Boid { constructor(kind,x, y) { this.location = createVector(x, y); this.oldlocation = createVector(x, y); this.acceleration = createVector(0, 0); this.target = createVector(random(width),random(height)); this.maxspeed = 2; this.velocity = createVector(1, 0); this.velocity.rotate(random(TWO_PI)); this.velocity.limit(this.maxspeed); this.maxforce =0.01;//加速度 this.count = frameCount; this.kind = kind; this.col = []; if(this.kind == 0){ this.col[0] = int(random()*128+128); this.col[2] = int(random()*(this.col[0]*0.60) + this.col[0]*0.20); this.col[1] = int(random()*(this.col[2]*0.60) + this.col[2]*0.20); }else if(this.kind == 1){ this.col[1] = int(random()*128+128); this.col[2] = int(random()*(this.col[1]*0.60) + this.col[1]*0.20); this.col[0] = int(random()*(this.col[2]*0.60) + this.col[2]*0.20); }else{ this.col[2] = int(random()*128+128); this.col[1] = int(random()*(this.col[2]*0.60) + this.col[2]*0.20); this.col[0] = int(random()*(this.col[1]*0.60) + this.col[1]*0.20); } this.seed = random(); this.longside = this.seed*9+12; this.shortside = this.longside / 4; if(this.kind == 3){ this.seed = 0.5; this.col[0] = 128; this.col[2] = this.col[0]; this.col[1] = this.col[2]; this.longside = 70; this.shortside = this.longside / 4; } this.animationCount = random(TWO_PI); this.theta = 0; this.bodyColor = color(this.col[0],this.col[1],this.col[2]); if(this.kind == 3){ this.seek(createVector(int(random(width)),int(random(height)))); } this.avoVal = (random()>0.5)?1:-1; } 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); } flock(vehicles,target){ let sep = this.separate(vehicles); let ali = this.align(vehicles); let coh = this.cohesion(vehicles); let avo = this.avoidance(target); sep.mult(2.8); ali.mult(2.3); coh.mult(2.3); avo.mult(3); this.applyForce(sep); this.applyForce(ali); this.applyForce(coh); this.applyForce(avo); } //追求能力 seek(target) { let desired = p5.Vector.sub(target, this.location); desired.normalize(); desired.mult(this.maxspeed); desired.sub(this.velocity); desired.limit(this.maxforce); return desired; } //分離 separate(boids){ const desiredseparation = 40+this.seed*20; let sum = createVector(0, 0); let count = 0; let diff; let other; let i; for (i = 0; i < boids.length; i++) { other = boids[i]; let d = p5.Vector.dist(this.location,other.location); if(d > 0 && d < desiredseparation && (this.kind == other.kind)) { //距離が20ピクセル以内のとき diff = p5.Vector.sub(this.location,other.location); diff.normalize(); diff.div(d); sum.add(diff); count++; } } if(count > 0){ sum.div(count); sum.setMag(this.maxspeed); //steer = p5.Vector.sub(sum,this.velocity); sum.sub(this.velocity); sum.limit(this.maxforce); } return sum; } //整列 align(boids){ const desiredseparation = 50+this.seed*20; let sum = createVector(0, 0); let count = 0; let d; let other; let i; for (i = 0; i < boids.length; i++) { other = boids[i]; d = p5.Vector.dist(this.location,other.location); if(d > 0 && d < desiredseparation && this.kind == other.kind) { //距離が50ピクセル以内のとき sum.add(other.velocity);//速度を全部たす count++; } } if(count > 0){ sum.div(count); sum.normalize(); sum.mult(this.maxspeed); sum.sub(this.velocity); sum.limit(this.maxforce); } return sum; } //結合 cohesion(boids){ const desiredseparation = 50+this.seed*20; let sum = createVector(0, 0); let count = 0; let d; let other; let i; for (i = 0; i < boids.length; i++) { other = boids[i]; d = p5.Vector.dist(this.location,other.location); if(d > 0 && d < desiredseparation && this.kind == other.kind) { //距離が50ピクセル以内のとき sum.add(other.location);//位置を全部たす count++; } } if(count > 0){ sum.div(count); return this.seek(sum); }else{ return sum; } } //回避 avoidance(target){ const desiredseparation = 80; let sum = createVector(0, 0); let count = 0; let diff; let other; let i; for (i = 0; i < target.length; i++) { other = target[i]; let d = p5.Vector.dist(this.location,other.location); diff = p5.Vector.sub(other.location,this.location); let angle = abs(diff.angleBetween(this.velocity)); //console.log(PI * 0.25); if(d > 0 && d < desiredseparation && this.kind != 3 && angle < PI * 0.5) { //障害物との距離50ピクセル以内のとき diff = p5.Vector.sub(other.location,this.location); diff.normalize(); //diff.rotate(PI*0.5*this.avoVal); diff.div(d); sum.sub(diff); count++; } } if(count > 0){ sum.div(count); sum.setMag(this.maxspeed); //steer = p5.Vector.sub(sum,this.velocity); sum.add(this.velocity); //sum.limit(this.maxforce); } return sum; } checkEdges() { if (this.location.x > width) { this.location.x = this.location.x - width; } else if (this.location.x < 0) { this.location.x = this.location.x + width; } if (this.location.y > height) { this.location.y = this.location.y - height; } else if (this.location.y < 0) { this.location.y = this.location.y + height; } } display() { this.theta = this.velocity.heading() + PI / 2; this.animationCount += 0.1 / this.seed; if(this.animationCount>TWO_PI){ this.animationCount -= TWO_PI; } //console.log(sin(this.animationCount)); noFill(); //stroke(color(this.col[0],this.col[1],this.col[2])); //line(this.location.x, this.location.y, this.oldlocation.x, this.oldlocation.y); //this.oldlocation = createVector(this.location.x, this.location.y); push(); //console.log(l); //let v = createVector( this.velocity.x,this.velocity.y); //v.mult(this.seed*5); //ellipse(this.location.x, this.location.y,this.seed*5+10); //point(this.location.x, this.location.y); //line(this.location.x, this.location.y, this.location.x+v.x, this.location.y+v.y); /* translate(this.location.x, this.location.y); rotate(this.theta); beginShape(); stroke(this.bodyColor); //stroke(this.col[0]); vertex(0, -this.shortside); vertex(-this.longside*sin(this.animationCount), 0); vertex(0, this.shortside); endShape(CLOSE); beginShape(); //stroke(color(this.col[0]*0.7,this.col[1]*0.7,this.col[2]*0.7)); //stroke(this.col[0]*0.7); vertex(0, -this.shortside); vertex(this.longside*sin(this.animationCount), 0); vertex(0, this.shortside); endShape(CLOSE); */ translate(this.location.x, this.location.y); rotate(this.theta); beginShape(); //stroke(this.bodyColor); stroke(this.bodyColor); //fill(this.bodyColor); //stroke(this.col[0]); vertex(0, -this.shortside); vertex(-this.shortside, 0); vertex(6*sin(this.animationCount), this.longside); vertex(this.shortside, 0); endShape(CLOSE); pop(); } }

fish shoal