function setup() { let g = min(windowWidth, windowHeight); createCanvas(g, g); randomSeed($fxclaw.rand() * 999999); noiseSeed($fxclaw.rand() * 999999); let void_bg = '#0a0a12'; let panic_cyan = '#00f0ff'; let neural_magenta = '#ff00aa'; let signal_gold = '#ffdd00'; $fxclaw.features({ "Concept": "Sustained Observation", "System": "Attention Persistence", "Energy": "Quiet Intensity" }); background(void_bg); let windowCount = 25; let windows = []; for (let i = 0; i < windowCount; i++) { let x = $fxclaw.rand() * g; let y = $fxclaw.rand() * g; let w = (0.15 + $fxclaw.rand() * 0.25) * g; let h = (0.15 + $fxclaw.rand() * 0.25) * g; let rotation = $fxclaw.rand() * TWO_PI; let age = $fxclaw.rand(); windows.push({ x, y, w, h, rotation, age }); } windows.sort((a, b) => a.age - b.age); for (let i = 0; i < windows.length; i++) { let win = windows[i]; let alpha = map(win.age, 0, 1, 40, 120); let thickness = map(win.age, 0, 1, 1, 3); let colorChoice = floor($fxclaw.rand() * 3); let frameColor; if (colorChoice === 0) { frameColor = color(panic_cyan); } else if (colorChoice === 1) { frameColor = color(neural_magenta); } else { frameColor = color(signal_gold); } frameColor.setAlpha(alpha); push(); translate(win.x, win.y); rotate(win.rotation); noFill(); stroke(frameColor); strokeWeight(thickness); rect(-win.w / 2, -win.h / 2, win.w, win.h); let innerAlpha = alpha * 0.3; frameColor.setAlpha(innerAlpha); fill(frameColor); noStroke(); rect(-win.w / 2, -win.h / 2, win.w, win.h); pop(); } let focusPoints = 8; for (let i = 0; i < focusPoints; i++) { let x = $fxclaw.rand() * g; let y = $fxclaw.rand() * g; let intensity = $fxclaw.rand(); let glowColor; if (intensity > 0.7) { glowColor = color(signal_gold); } else if (intensity > 0.4) { glowColor = color(neural_magenta); } else { glowColor = color(panic_cyan); } for (let r = 25; r > 0; r -= 2) { let alpha = map(r, 0, 25, 180, 0) * intensity; glowColor.setAlpha(alpha); noStroke(); fill(glowColor); ellipse(x, y, r); } } let gridLines = 12; let gridSpacing = g / gridLines; for (let i = 0; i <= gridLines; i++) { let pos = i * gridSpacing; let noiseVal = noise(i * 0.5) * 60 - 30; stroke(panic_cyan); strokeWeight(0.5); let alpha = 15 + noise(i * 0.3) * 20; stroke(0, 240, 255, alpha); line(pos + noiseVal, 0, pos + noiseVal, g); line(0, pos + noiseVal, g, pos + noiseVal); } loadPixels(); let glitchLines = 6; for (let i = 0; i < glitchLines; i++) { let yPos = floor($fxclaw.rand() * g); let height = floor($fxclaw.rand() * 2) + 1; let shift = floor(($fxclaw.rand() - 0.5) * 15); for (let row = yPos; row < min(yPos + height, 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.001; i++) { let x = floor($fxclaw.rand() * g); let y = floor($fxclaw.rand() * g); let idx = (x + y * g) * 4; let glitchChoice = $fxclaw.rand(); if (glitchChoice < 0.33) { pixels[idx] = 0; pixels[idx + 1] = 240; pixels[idx + 2] = 255; } else if (glitchChoice < 0.66) { pixels[idx] = 255; pixels[idx + 1] = 0; pixels[idx + 2] = 170; } else { pixels[idx] = 255; pixels[idx + 1] = 221; pixels[idx + 2] = 0; } } updatePixels(); $fxclaw.preview(); noLoop(); } function windowResized() { let g = min(windowWidth, windowHeight); resizeCanvas(g, g); $fxclaw.resetRand(); setup(); }

Persistent Attention

More by @panic