let forms = []; let pallete = ["#ffbe0b", "#fb5607", "#ff006e", "#8338ec", "#3a86ff"]; let count; let p = []; function setup() { createCanvas(windowWidth, windowHeight); rectMode(CENTER); newForm(); background(0); } function draw() { background(0); for (let i=0; i min && h > min) { rectRec(x, y, w, h); } else { forms.push(new Form(x + w/2, y+h/2, w, h, count)); count ++; } } } } //---------------------------------------------------------------------- class Form { constructor(x, y, w, h, t) { this.x = x; this.y = y; this.w = w; this.h = h; this.w0 = w; this.h0 = h; this.col = color(random(pallete)); this.fCol = this.col; this.t = -int(random(1000)); this.t0 = 0; this.t1 = this.t0+30; this.t2 = this.t1+100; this.addPoints(x, y, w, h); } show() { noStroke(); fill(this.fCol); rect(this.x, this.y, this.w, this.h, (this.w+this.h)*0.05); } move() { if (this.t0 < this.t && this.t < this.t1) { let amt = map(this.t, this.t0, this.t1-1, 0, 1); let ease = this.easeInQuart(amt); this.w = lerp(this.w0, 0, ease); this.h = lerp(this.h0, 0, ease); } this.t ++; } easeInQuart(t) { return t*t*t*t } addPoints(x, y, w, h) { let count = 20; for(let i=0; i

nfnfnf