let forms = []; let es = new p5.Ease(); let colors = ["#fe4a49", "#fed766", "#009fb7", "#f0f0f0"]; function setup() { createCanvas(800, 800); rectMode(CENTER); pixelDensity(2); strokeWeight(4); let seg = 10; let w = width / seg; for (let i = 0; i < seg; i++) { for (let j = 0; j < seg; j++) { let x = i * w + w/2; let y = j * w + w/2; let rnd = int(random(5)+1); let off = 0; if(rnd == 1){ forms.push(new Form01(x, y, w - off)); } else if(rnd == 2){ forms.push(new Form02(x, y, w - off)); } else if(rnd == 3){ forms.push(new Form03(x, y, w - off)); } else if(rnd == 4){ forms.push(new Form04(x, y, w - off)); } else if(rnd == 5){ forms.push(new Form05(x, y, w - off)); } // rect(x, y, w, w); } } } function draw() { background("#0d2c54"); for(let f of forms){ f.run(); } } //● class Form01{ constructor(x, y, w){ this.x = x; this.y = y; this.w = w; this.ang = int(random(4)) * TAU/4; this.off = 0; this.t = -int(random(1500)); // this.t = -int(random(200)); this.t1 = 30; this.d = this.w * random(0.1, 0.5); this.col = random(colors); } show(){ push(); translate(this.x, this.y); rotate(this.ang); noFill(); stroke(this.col); circle(this.off, 0, this.d); pop(); } move(){ if(0 < this.t && this.t < this.t1){ let t = map(this.t, 0, this.t1-1, 0, TAU*6); this.off = sin(t)*this.w*0.01; } this.t ++; } run(){ this.show(); this.move(); if(this.t1 < this.t){ this.t = -int(random(1500)); } } } //~ class Form02 extends Form01{ constructor(x, y, w){ super(x, y, w); this.a0 = random(10); this.a = this.a0; this.t1 = 60; this.amp = this.w * random(0.1, 0.4); this.mo = random(0.05, 0.1); } show(){ push(); translate(this.x, this.y); rotate(this.ang); // line(0, this.w/2, 0, 0); // line(this.w/2, this.w/2, -this.w/2, this.w/2); // line(this.w/2, -this.w/2, -this.w/2, -this.w/2); noFill(); stroke(this.col); beginShape(); for(let y=-this.w/2; y