// MUSIC & CODE = Taito Otani //　Web: https://www.taito-otani.com/ // Twitter: https://twitter.com/taito_otani // Instagram: https://www.instagram.com/taito_otani/ 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 mic; let posX; let posY; let eSize = 100; function preload() { soundFormats("mp3", "ogg"); mySound = loadSound("https://stat.neort.io/externalResource/cd07bpc3p9f4hhftivbg.mp3"); } function setup() { createCanvas(windowWidth, windowHeight, WEBGL); pixelDensity(5); mySound.loop(); 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); } } function draw() { let spectrum = fft.analyze(); randomSeed(seed); if (spectrum[250] > 80) { background(0); } orbitControl(); rotateX(-frameCount * 0.0002); rotateY(frameCount * 0.001); rotateZ(-frameCount * 0.0002); stroke(250,100); noFill(); strokeWeight(spectrum[79]*0.02); push(); fill(255,10,10); sphere(width*0.1+spectrum[79]*0.1); pop(); //---------- flock.run(); strokeWeight(1); // ellipse(posX, posY, eSize + eSize * 0.8 * 1); 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) ); rotate(theta); fill(random(color_setup2)); sphere(1); fill(random(color_setup2)); ellipse(0, 8, 5, 20); stroke(random(color_setup2)); box(10) pop(); }; Boid.prototype.borders = function () { if (this.position.x < -width * 0.5 - this.r) this.position.x = width * 0.5 + this.r; if (this.position.y < -height * 0.5 - this.r) this.position.y = height * 0.5 + this.r; if (this.position.x > width * 0.5 + this.r) this.position.x = -width * 0.5 - this.r; if (this.position.y > height * 0.5 + this.r) this.position.y = -height * 0.5 - 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); } }; function windowResized() { resizeCanvas(windowWidth, windowHeight); }

Yen-Yasu