let colors = ["#471284", "#ca1128", "#f54397", "#18205e", "#094f94"]; let forms = []; function setup() { createCanvas(800, 800); addFomrs(); } function draw() { background(255); for (let i = 0; i < forms.length; i++) { forms[i].run(); } if (frameCount % (60 * 5) == 0) { forms.length = 0; addFomrs(); } } function addFomrs() { let cx = width / 2; let cy = height / 2; let points = []; let count = 10000; for (let i = 0; i < count; i++) { let a = random(TAU); let d = random(width * 0.7); let x = cx + cos(a) * d; let y = cy + sin(a) * d; let s = random(10, 400); let add = true; for (let j = 0; j < points.length; j++) { let p = points[j]; if (dist(x, y, p.x, p.y) < (s + p.z) * 0.5) { add = false; break; } } if (add) { points.push(createVector(x, y, s)); } } for (let i = 0; i < points.length; i++) { let p = points[i]; forms.push(new Form(p.x, p.y, p.z)); } } function easeOutElastic(t) { let s = 1.70158; let p = 0; let a = 1; if (t == 0) return 0; if ((t /= 1) == 1) return 1; if (!p) p = 0.3; if (a < abs(1)) { a = 1; let s = p / 4; } else s = p / (2 * PI) * asin(1 / a); return a * pow(2, -10 * t) * sin((t * 1 - s) * (2 * PI) / p) + 1; } class Form { constructor(x, y, d) { this.x0 = width / 2; this.y0 = height / 2; this.d0 = 0; this.x = this.x0; this.y = this.y0; this.d = this.d0; this.x1 = x; this.y1 = y; this.d1 = d; this.col = color(random(colors)); this.alph = random(150, 255); this.col.setAlpha(this.alph); this.len1 = d / 2; this.len2 = 0; let tst = int(random(20, 80)); this.t = -tst; this.t1 = 200; this.t2 = this.t1 + 10; this.t3 = this.t2 + 5; this.t4 = this.t3 + 5; } show() { fill(this.col); noStroke(); circle(this.x, this.y, this.d); if (this.t3 <= this.t && this.t < this.t4) { stroke(this.col); line(this.x + this.len1, this.y, this.x + this.len2, this.y); line(this.x - this.len1, this.y, this.x - this.len2, this.y); line(this.x, this.y + this.len1, this.x, this.y + this.len2); line(this.x, this.y - this.len1, this.x, this.y - this.len2); } } move() { if ((0 <= this.t) && (this.t < this.t1)) { let nor = norm(this.t, 0, this.t1 - 1); let ease = easeOutElastic(nor); this.x = lerp(this.x0, this.x1, ease); this.y = lerp(this.y0, this.y1, ease); this.d = lerp(this.d0, this.d1, ease); } else if (this.t2 <= this.t && this.t < this.t3) { let nor = norm(this.t, this.t2, this.t3 - 1); this.d = lerp(this.d1, 0, nor); } if (this.t3 <= this.t && this.t < this.t4) { let nor = norm(this.t, this.t3, this.t4 - 1); this.len2 = lerp(0, this.len1, nor); } this.t++; } run() { this.show(); this.move(); } }

blblblbl