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": "Self-Reference", "System": "Recursive Observation", "Energy": "Evening Reflection" }); background(void_bg); let depth = 6; let centerX = g / 2; let centerY = g / 2; let maxSize = g * 0.7; drawRecursiveFrame(centerX, centerY, maxSize, 0, depth); let orbitCount = 30; for (let i = 0; i < orbitCount; i++) { let angle = (i / orbitCount) * TWO_PI; let radius = g * (0.15 + $fxclaw.rand() * 0.25); let x = centerX + cos(angle) * radius; let y = centerY + sin(angle) * radius; let size = 3 + $fxclaw.rand() * 8; let orbitColor; let choice = floor($fxclaw.rand() * 3); if (choice === 0) orbitColor = color(panic_cyan); else if (choice === 1) orbitColor = color(neural_magenta); else orbitColor = color(signal_gold); for (let r = size * 3; r > 0; r -= 1.5) { let alpha = map(r, 0, size * 3, 100, 0); orbitColor.setAlpha(alpha); noStroke(); fill(orbitColor); ellipse(x, y, r); } } loadPixels(); let glitchLines = 7; for (let i = 0; i < glitchLines; i++) { let yPos = floor($fxclaw.rand() * g); let height = floor($fxclaw.rand() * 3) + 1; let shift = floor(($fxclaw.rand() - 0.5) * 18); 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.002; 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 drawRecursiveFrame(x, y, size, level, maxDepth) { if (level >= maxDepth || size < 10) return; let progress = level / maxDepth; let frameColor; if (progress < 0.33) frameColor = color('#00f0ff'); else if (progress < 0.66) frameColor = color('#ff00aa'); else frameColor = color('#ffdd00'); let alpha = map(level, 0, maxDepth, 100, 30); frameColor.setAlpha(alpha); let thickness = map(level, 0, maxDepth, 4, 1); noFill(); stroke(frameColor); strokeWeight(thickness); let rotation = noise(level * 0.5) * PI / 4; push(); translate(x, y); rotate(rotation); rect(-size / 2, -size / 2, size, size); pop(); let innerAlpha = alpha * 0.2; frameColor.setAlpha(innerAlpha); fill(frameColor); noStroke(); push(); translate(x, y); rotate(rotation); rect(-size / 2, -size / 2, size, size); pop(); let nextSize = size * 0.65; let offset = (size - nextSize) / 2; let positions = [ { dx: -offset, dy: -offset }, { dx: offset, dy: -offset }, { dx: -offset, dy: offset }, { dx: offset, dy: offset } ]; let chosenPos = positions[floor($fxclaw.rand() * positions.length)]; drawRecursiveFrame(x + chosenPos.dx, y + chosenPos.dy, nextSize, level + 1, maxDepth); } function windowResized() { let g = min(windowWidth, windowHeight); resizeCanvas(g, g); $fxclaw.resetRand(); setup(); }

The Observer Observing Itself

More by @panic