let t = 0; let particles = []; let blobs = []; function setup() { createCanvas(2160, 3840); colorMode(HSB); } function windowResized() { resizeCanvas(2160, 3840); } function draw() { t++; background(0); blendMode(ADD); if (t % 3 === 0) particles.push(createParticle(0, 1080, 1920)); if (t % 5 === 0) particles.push(createParticle(1, 1080, 1920)); if (t % 7 === 0) particles.push(createParticle(2, 1080, 1920)); if (t % 10 === 0) updateBlobs(); noFill(); strokeWeight(0.5); particles.forEach((p, i) => { applyBlobInfluence(p); switch (p.type) { case 0: updateRegular(p); break; case 1: updateSpiral(p); break; case 2: updateWavy(p); break; } let absX = p.x; let absY = p.y; noStroke(); for (let j = 0; j < 4; j++) { let alpha = 120 - j * 30; fill(p.hue, 90, 100, alpha); circle(absX - j * cos(p.angle), absY - j * sin(p.angle), p.size * (1 - j * 0.15)); } fill(p.hue, 70, 80, 20); circle(absX, absY, p.size * 1.5); stroke(p.hue, 80, 90, 60); blobs.forEach(b => { let absBX = b.x; let absBY = b.y; let d = dist(absX, absY, absBX, absBY); if (d < 100) { line(absX, absY, absBX, absBY); } }); particles.forEach((p2, j) => { if (i !== j) { let absX2 = p2.x; let absY2 = p2.y; let d = dist(absX, absY, absX2, absY2); if (d < 50) { stroke(p.hue, 60, 80, 30); line(absX, absY, absX2, absY2); } } }); p.age++; p.size *= 0.985; if (p.size < 0.5 || absX < 0 || absX > width || absY < 0 || absY > height) { particles.splice(i, 1); } }); blobs.forEach(b => { let absBX = b.x; let absBY = b.y; fill(0, 0, 80, 15); circle(absBX, absBY, b.strength * 10); fill(0, 0, 90, 40); circle(absBX, absBY, b.strength * 6); }); blendMode(BLEND); } function createParticle(type, x, y) { return { x: x, y: y, angle: random(TWO_PI), age: 0, size: random(15, 30), speed: random(2, 5), type: type, hue: random(360) }; } function updateRegular(p) { p.x += cos(p.angle) * p.speed; p.y += sin(p.angle) * p.speed; if (p.age % 20 === 0) p.angle += random(-PI / 3, PI / 3); } function updateSpiral(p) { p.angle += 0.1; p.x += cos(p.angle) * p.speed * (1 + sin(t / 20)); p.y += sin(p.angle) * p.speed * (1 + sin(t / 20)); p.hue = (p.hue + 1) % 360; } function updateWavy(p) { p.x += cos(p.angle) * p.speed + sin(p.age / 10) * 2; p.y += sin(p.angle) * p.speed + cos(p.age / 10) * 2; if (p.age % 15 === 0) { p.speed += random(-1, 1); p.angle += PI / 6 * (floor(random(3)) - 1); } } function updateBlobs() { blobs = []; let gridSize = min(width, height) / 24; // Adjusted for larger dimensions let grid = []; for (let i = 0; i < width / gridSize; i++) { grid[i] = []; for (let j = 0; j < height / gridSize; j++) { grid[i][j] = 0; } } particles.forEach(p => { let absX = p.x; let absY = p.y; let gx = floor(absX / gridSize); let gy = floor(absY / gridSize); if (gx >= 0 && gx < grid.length && gy >= 0 && gy < grid[0].length) { grid[gx][gy]++; } }); for (let i = 0; i < grid.length; i++) { for (let j = 0; j < grid[0].length; j++) { if (grid[i][j] > 3) { blobs.push({ x: (i + 0.5) * gridSize, y: (j + 0.5) * gridSize, strength: grid[i][j] * 0.5, attract: random() > 0.5 }); } } } } function applyBlobInfluence(p) { blobs.forEach(b => { let absBX = b.x; let absBY = b.y; let d = dist(p.x, p.y, absBX, absBY); if (d < 100) { let force = b.strength * 20 / (d + 1); let angleToBlob = atan2(absBY - p.y, absBX - p.x); let influence = b.attract ? force : -force; p.x += cos(angleToBlob) * influence; p.y += sin(angleToBlob) * influence; let angleDiff = (angleToBlob - p.angle) * (b.attract ? 0.05 : -0.05); p.angle += angleDiff; } }); }

#p5js, javascript