// MUSIC & CODE = Taito Otani // var t; var seed = Math.random() * 1000; let colors = []; let colorsTest = "B8DBBB-B8DBBB-B8DBBB-B8DBBB".split("-").map((a) => "#" + a); let colors0 = "f8fcda-e3e9c2-f9fbb2-7c6354-a5abaf" .split("-") .map((a) => "#" + a); let colors22 = "79b473-70a37f-41658a-414073-4c3957" .split("-") .map((a) => "#" + a); let colors23 = "a7bed3-c6e2e9-f1ffc4-ffcaaf-dab894" .split("-") .map((a) => "#" + a); let colors24 = "85696-e7e7e7-f9c784-fc7a1e-f24c00" .split("-") .map((a) => "#" + a); let colors25 = "1c3144-d00000-ffba08-a2aebb-3f88c5" .split("-") .map((a) => "#" + a); let colors26 = "55dde0-33658a-2f4858-f6ae2d-f26419" .split("-") .map((a) => "#" + a); let colors7 = "00272b-e0ff4f-ff6663-ff2ecc-a51080" .split("-") .map((a) => "#" + a); let colors8 = "74d3ae-678d58-a6c48a-f6e7cb-dd9787" .split("-") .map((a) => "#" + a); let colors11 = "1e1e24-fb9f89-c4af9a-81ae9d-21a179" .split("-") .map((a) => "#" + a); let colors12 = "f1e8b8-f9e784-e58f65-d05353-191919" .split("-") .map((a) => "#" + a); let colors13 = "642ca9-ff36ab-ff74d4-ffb8de-ffdde1" .split("-") .map((a) => "#" + a); var color_setup1, color_setup2; let color_bg; let v_planet = []; let mySound; let fft; var flock; let SPEED = 1; let posX; let posY; let eSize = 100; let WIDTH; let HEIGHT; function setup() { WIDTH = windowWidth; HEIGHT = windowHeight; createCanvas(WIDTH, HEIGHT); drawingContext.shadowBlur = 30; drawingContext.shadowOffsetX = 5; drawingContext.shadowColor = 'white'; color_setup1 = random([colors7, colors8]); color_setup2 = random([ colors22, colors23, colors24, colors25, colors26, colors11, colors12, colors13, ]); t = 0; fft = new p5.FFT(); //flock flock = new Flock(); posX = 0; posY = 0; for (var i = 0; i < 100; i++) { var b = new Boid( random(-WIDTH * 0.5, WIDTH * 0.5), random(-HEIGHT * 0.5, HEIGHT * 0.5) ); flock.addBoid(b); } textSize(10); textAlign(CENTER); } function draw() { randomSeed(seed); background(0); fill(255); rect(frameCount*20%WIDTH,0,5,HEIGHT); rect(WIDTH-(frameCount*17%WIDTH),0,5,HEIGHT); rect(frameCount*2%WIDTH,0,5,HEIGHT); rect(WIDTH-(frameCount*4%WIDTH),0,5,HEIGHT); rect(frameCount*15%WIDTH,0,5,HEIGHT); rect(WIDTH-(frameCount*10%WIDTH),0,5,HEIGHT); rect(frameCount*3%WIDTH,0,5,HEIGHT); rect(WIDTH-(frameCount*8%WIDTH),0,5,HEIGHT); flock.run(); for (var i = 0; i < flock.boids.length; i++) { let x = flock.boids[i].position.x; let y = flock.boids[i].position.y; if (x > posX - eSize * 0.5 && x < posX + eSize * 0.5) { if (y > posY - eSize * 0.5 && y < posY + eSize * 0.5) { flock.boids.splice(i, 1); } } } if (frameCount % 5 == 0) { var b = new Boid( random(-WIDTH * 0.5, WIDTH * 0.5), random(-HEIGHT * 0.5, HEIGHT * 0.5), 500 ); flock.addBoid(b); } } function Flock() { this.boids = []; } Flock.prototype.addBoid = function (b) { this.boids.push(b); }; Flock.prototype.delBoid = function (b) { // var result = this.boids.filter(function( item ) { // return item === b; // }); }; Flock.prototype.run = function () { for (var i = 0; i < this.boids.length; i++) { this.boids[i].run(this.boids); } }; function Boid(x, y) { this.acceleration = createVector(0, 0); this.velocity = createVector(random(-1, 1), random(-1, 1)); this.position = createVector(x, y); this.r = 2.0; this.maxspeed = SPEED; this.maxforce = 0.05; } Boid.prototype.run = function (boids) { this.flock(boids); this.update(); this.borders(); this.render(); }; Boid.prototype.applyForce = function (force) { this.acceleration.add(force); }; Boid.prototype.flock = function (boids) { var sep = this.separate(boids); var ali = this.align(boids); var coh = this.cohesion(boids); var mows = this.interact(boids); sep.mult(1.5); ali.mult(1.0); coh.mult(1.0); mows.mult(1.5); this.applyForce(sep); this.applyForce(ali); this.applyForce(coh); this.applyForce(mows); }; Boid.prototype.update = function () { this.velocity.add(this.acceleration); this.velocity.limit(this.maxspeed); this.position.add(this.velocity); this.acceleration.mult(0); }; Boid.prototype.seek = function (target) { var desired = p5.Vector.sub(target, this.position); desired.normalize(); desired.mult(this.maxspeed); var steer = p5.Vector.sub(desired, this.velocity); steer.limit(this.maxforce); return steer; }; Boid.prototype.render = function () { var theta = this.velocity.heading() + radians(90); strokeWeight(3); noStroke(); push(); translate( this.position.x, this.position.y, WIDTH * 0.2 * cos(this.position.x * 0.02) ); fill(random(color_setup2)); text("広告募集虫", 0, -20); rotate(theta); // stroke(255); ellipse(0, 0, 6, 12); fill(random(color_setup2)); ellipse(0, 8, 4, 10); fill(random(color_setup2)); ellipse(0, 16, 2, 20); stroke(random(color_setup2)); line(-10, 0, 10, 0); pop(); }; Boid.prototype.borders = function () { if (this.position.x < 0- this.r) this.position.x = WIDTH + this.r; if (this.position.y < 0 - this.r) this.position.y = HEIGHT + this.r; if (this.position.x > WIDTH + this.r) this.position.x = 0 - this.r; if (this.position.y > HEIGHT + this.r) this.position.y = 0 - this.r; }; Boid.prototype.separate = function (boids) { var desiredseparation = 25.0; var steer = createVector(0, 0); var count = 0; for (var i = 0; i < boids.length; i++) { var d = p5.Vector.dist(this.position, boids[i].position); if (d > 0 && d < desiredseparation) { var diff = p5.Vector.sub(this.position, boids[i].position); diff.normalize(); diff.div(d); steer.add(diff); count++; } } if (count > 0) { steer.div(count); } if (steer.mag() > 0) { steer.normalize(); steer.mult(this.maxspeed); steer.sub(this.velocity); steer.limit(this.maxforce); } return steer; }; Boid.prototype.align = function (boids) { var neighbordist = 100; var sum = createVector(0, 0); var count = 0; for (var i = 0; i < boids.length; i++) { var d = p5.Vector.dist(this.position, boids[i].position); if (d > 0 && d < neighbordist) { sum.add(boids[i].velocity); count++; } } if (count > 0) { sum.div(count); sum.normalize(); sum.mult(this.maxspeed); var steer = p5.Vector.sub(sum, this.velocity); steer.limit(this.maxforce); return steer; } else { return createVector(0, 0); } }; Boid.prototype.cohesion = function (boids) { var neighbordist = 100; var sum = createVector(0, 0); var count = 0; for (var i = 0; i < boids.length; i++) { var d = p5.Vector.dist(this.position, boids[i].position); if (d > 0 && d < neighbordist) { sum.add(boids[i].position); count++; } } if (count > 0) { sum.div(count); return this.seek(sum); } else { return createVector(0, 0); } }; Boid.prototype.interact = function (boids) { var neighbordist = 100; var m = createVector(posX, posY); var d = p5.Vector.dist(this.position, m); if (d > 0 && d < neighbordist) { return this.seek(m); } else { return createVector(0, 0); } }; ///

# 広告募集虫