movers = []; let colors = ["#FF0271", "#02AFFE", "#FFDE00", "#FF6A03", "#48FFAB"]; function setup() { createCanvas(800, 800); rectMode(CENTER); for (let i = 0; i < 300; i++) { let p = randomPos(); let x = p.x; let y = p.y; movers.push(new Mover(x, y)); } } function draw() { background(0, 203); translate(width * 0.5, height * 0.5); scale(0.85); translate(-width * 0.5, -height * 0.5); grid(); for (let m of movers) { m.run(); } } function grid() { let seg = 5; let w = width / seg; noFill(); stroke(255, 100); for (let i = 0; i < seg; i++) { for (let j = 0; j < seg; j++) { let x = i * w; let y = j * w; rect(x + w / 2, y + w / 2, w, w); } } } function randomPos() { let n = 5; let x = int(random(n + 1)) * (width / (n)); let y = int(random(n + 1)) * (height / (n)); let p = createVector(x, y); return p; } class Mover { constructor(x, y) { this.x = x; this.y = y; let p = randomPos(); this.tgtx = p.x; this.tgty = p.y; this.setValues(); this.ss = 0; this.s = this.s1; this.slen = 200; this.col = color(random(colors)); this.ang; } show() { this.ang = atan2(this.tgtx - this.x0, this.tgty - this.y0); push(); noStroke(); fill(this.col); translate(this.x, this.y); rotate(-this.ang); ellipse(0, 0, this.s, this.s + this.ss); pop(); } move() { if (0 <= this.t && this.t < this.t1) { let nor = norm(this.t, 0, this.t1 - 1); } else if (this.t1 <= this.t && this.t < this.t2) { let nor = norm(this.t, this.t1, this.t2 - 1); this.x = lerp(this.x0, this.tgtx, nor); this.y = lerp(this.y0, this.tgty, nor); if (nor < 0.5) this.ss = lerp(0, this.slen, nor); else this.ss = lerp(this.slen, 0, nor); } else if (this.t2 <= this.t && this.t < this.t3) { let nor = norm(this.t, this.t2, this.t3 - 1); } if (this.t > this.t3) { this.setValues(); } this.t++; } setValues() { let tt = int(random(30)); this.t = -tt; this.t1 = 20; this.t2 = 20 + this.t1; this.t3 = 20 + this.t2 + (50 - tt); this.s1 = random(2, 40); this.x0 = this.x; this.y0 = this.y; while ((this.x == this.tgtx) && (this.y == this.tgty)) { let p = randomPos(); this.tgtx = p.x; this.tgty = p.y; } } run() { this.show(); this.move(); } }

201223a