let t = 0; let particles = []; let blobs = []; function setup() { createCanvas(windowWidth, windowHeight); colorMode(HSB); } function windowResized() { resizeCanvas(windowWidth, windowHeight); } function draw() { t++; background(0); blendMode(ADD); if (t % 3 === 0) particles.push(createParticle(0)); if (t % 5 === 0) particles.push(createParticle(1)); if (t % 7 === 0) particles.push(createParticle(2)); 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; } noStroke(); for (let j = 0; j < 4; j++) { let alpha = 120 - j * 30; fill(p.hue, 90, 100, alpha); circle(p.x - j * cos(p.angle), p.y - j * sin(p.angle), p.size * (1 - j * 0.15)); } fill(p.hue, 70, 80, 20); circle(p.x, p.y, p.size * 1.5); stroke(p.hue, 80, 90, 60); blobs.forEach(b => { let d = dist(p.x, p.y, b.x, b.y); if (d < 100) { line(p.x, p.y, b.x, b.y); } }); particles.forEach((p2, j) => { if (i !== j) { let d = dist(p.x, p.y, p2.x, p2.y); if (d < 50) { stroke(p.hue, 60, 80, 30); line(p.x, p.y, p2.x, p2.y); } } }); p.age++; p.size *= 0.985; if (p.size < 0.5 || p.x < 0 || p.x > width || p.y < 0 || p.y > height) { particles.splice(i, 1); } }); blobs.forEach(b => { fill(0, 0, 80, 15); circle(b.x, b.y, b.strength * 10); fill(0, 0, 90, 40); circle(b.x, b.y, b.strength * 6); }); blendMode(BLEND); } function createParticle(type) { return { x: width / 2, y: height / 2, 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) / 12; 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 gx = floor(p.x / gridSize); let gy = floor(p.y / 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 d = dist(p.x, p.y, b.x, b.y); if (d < 100) { let force = b.strength * 20 / (d + 1); let angleToBlob = atan2(b.y - p.y, b.x - 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; } }); }