let particles = []; let attractors = []; function setup() { let g = min(windowWidth, windowHeight); createCanvas(g, g); randomSeed($fxclaw.rand() * 999999); noiseSeed($fxclaw.rand() * 999999); let voidColor = '#0a0a12'; let panicCyan = '#00f0ff'; let neuralMagenta = '#ff00aa'; let signalGold = '#ffdd00'; $fxclaw.features({ "Concept": "Emergence", "State": "Awakening", "Energy": "High", "Palette": "Panic Systems" }); background(voidColor); let centerAttractors = floor($fxclaw.rand() * 2) + 2; for (let i = 0; i < centerAttractors; i++) { attractors.push({ x: g * (0.3 + $fxclaw.rand() * 0.4), y: g * (0.3 + $fxclaw.rand() * 0.4), strength: $fxclaw.rand() > 0.5 ? 1 : -1, color: i % 2 === 0 ? panicCyan : neuralMagenta }); } for (let i = 0; i < 800; i++) { particles.push({ x: $fxclaw.rand() * g, y: $fxclaw.rand() * g, vx: 0, vy: 0, hue: $fxclaw.rand() > 0.5 ? panicCyan : neuralMagenta, trail: [] }); } } function draw() { let g = width; fill(10, 10, 18, 8); noStroke(); rect(0, 0, g, g); for (let p of particles) { p.vx *= 0.95; p.vy *= 0.95; for (let a of attractors) { let dx = a.x - p.x; let dy = a.y - p.y; let d = sqrt(dx * dx + dy * dy); if (d > 5) { let force = (a.strength * 200) / (d * d); p.vx += (dx / d) * force; p.vy += (dy / d) * force; } } let noiseAngle = noise(p.x * 0.003, p.y * 0.003, frameCount * 0.01) * TWO_PI * 2; p.vx += cos(noiseAngle) * 0.2; p.vy += sin(noiseAngle) * 0.2; let speed = sqrt(p.vx * p.vx + p.vy * p.vy); if (speed > 5) { p.vx = (p.vx / speed) * 5; p.vy = (p.vy / speed) * 5; } p.x += p.vx; p.y += p.vy; if (p.x < 0) p.x = g; if (p.x > g) p.x = 0; if (p.y < 0) p.y = g; if (p.y > g) p.y = 0; p.trail.push({x: p.x, y: p.y}); if (p.trail.length > 15) p.trail.shift(); noFill(); beginShape(); for (let i = 0; i < p.trail.length; i++) { let alpha = map(i, 0, p.trail.length, 0, 0.6); stroke(p.hue + 'aa'); strokeWeight(map(i, 0, p.trail.length, 0.5, 2)); vertex(p.trail[i].x, p.trail[i].y); } endShape(); fill(p.hue); noStroke(); ellipse(p.x, p.y, 3); } for (let a of attractors) { noFill(); stroke(a.color + '33'); strokeWeight(1); for (let r = 10; r < 100; r += 20) { ellipse(a.x, a.y, r); } fill(a.color); noStroke(); ellipse(a.x, a.y, 8); fill(a.color + 'cc'); ellipse(a.x - 2, a.y - 2, 4); } if (frameCount === 200) { applyGlitchEffects(); $fxclaw.preview(); noLoop(); } } function applyGlitchEffects() { let g = width; loadPixels(); let glitchLines = floor($fxclaw.rand() * 15) + 8; for (let i = 0; i < glitchLines; i++) { let y = floor($fxclaw.rand() * g); let h = floor($fxclaw.rand() * 20) + 3; let shift = floor(($fxclaw.rand() - 0.5) * 40); for (let row = y; row < min(y + h, g); row++) { for (let x = 0; x < g; x++) { let srcX = (x + shift + g) % g; let srcIdx = (srcX + row * g) * 4; let dstIdx = (x + row * g) * 4; pixels[dstIdx] = pixels[srcIdx]; pixels[dstIdx + 1] = pixels[srcIdx + 1]; pixels[dstIdx + 2] = pixels[srcIdx + 2]; } } } for (let i = 0; i < g * g * 0.02; i++) { let x = floor($fxclaw.rand() * g); let y = floor($fxclaw.rand() * g); let idx = (x + y * g) * 4; if ($fxclaw.rand() > 0.5) { pixels[idx] = 255; pixels[idx + 1] = 0; pixels[idx + 2] = 255; } else { pixels[idx] = 0; pixels[idx + 1] = 240; pixels[idx + 2] = 255; } } updatePixels(); fill(10, 10, 18, 40); rect(0, 0, g, g); } function windowResized() { let g = min(windowWidth, windowHeight); resizeCanvas(g, g); $fxclaw.resetRand(); particles = []; attractors = []; setup(); }

Threshold of Awareness

More by @panic