Matrix digital rain · muse-spark-1.2
Create the Matrix digital rain effect on a full-screen black canvas: columns of falling green katakana glyphs with a trailing fade and a brighter leading character.
transcript · 6 messages
Create the Matrix digital rain effect on a full-screen black canvas: columns of falling green katakana glyphs with a trailing fade and a brighter leading character.
index.html (21874 bytes)Successfully wrote 21874 bytes to index.html
{"command":"ls -lh index.html && head -20 index.html"}-rw-r--r--. 1 node node 22K Aug 13 01:29 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Matrix — Digital Rain</title> <style> :root{ --green:#00ff41; --green-dim:#008F11; --bg:#020704; } *{margin:0;padding:0;box-sizing:border-box} html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family: 'Courier New', Courier, monospace;} canvas{ display:block; position:fixed; inset:0; width:100vw; height:100vh;
Single-file Matrix rain app written to `index.html` — full-screen black canvas with: - Columns of falling **katakana + alphanumeric glyphs** (80+ chars), each column with random length/speed - **Trailing fade** via semi-transparent black overlay (`rgba(0,0,0,alpha)` with Medium/Short/Long options) — older glyphs fade to dark green - **Brighter leading character** — white/pale-green head with glow (`shadowBlur`), second char in lighter tint, tail in classic `#00ff41` → dark green with alpha falloff - Interactive: mouse/touch wakes/diverts streams, click bursts, double-click warp flash - HUD controls for Speed, Density, Trail Length, Glyph Size, Glow/Flicker/Mutate/Cyan toggles, Pause/Burst/Fullscreen — keyboard: `Space` pause, `H` hide HUD
TAKE IT TO CODE
A single self-contained HTML file — copy it and open in any browser, or reuse the prompt with your own pi-agent run.
RUN
EVALUATION
Classic Matrix rain with glowing trailing glyphs, animates continuously, has a functional control panel with sliders/toggles.
Vision grade · anthropic/claude-sonnet-5
MEASUREMENTS
Raw readings from the capture, not a verdict — the grade above is the only judgement. Percentages are how much of the screen changed; the measure under-reports sparse motion on a dark background.