Matrix digital rain · qwen3-coder
Output generated Cost / run $0.0015 Runtime 19.0s
Prompt for this run
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.
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
METRICS
Transcript · 4 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.
I'll create a Matrix digital rain effect using HTML5 Canvas with green katakana characters falling down a black background. Here's the complete solution in a single self-contained HTML file:
index.html (3242 bytes)Successfully wrote 3242 bytes to index.html
I've created the Matrix digital rain effect in a single HTML file. The implementation features: 1. A full-screen black canvas background 2. Columns of falling green katakana characters (with some Latin characters and numbers for variety) 3. Bright green leading characters with fainter trailing characters 4. Smooth animation using requestAnimationFrame 5. Responsive design that adapts to window resizing The effect works by: - Creating a grid of columns based on font size - Each column has a "drop" that moves downward at different speeds - The head character is bright green (#0f0) while trail characters are darker (#040) - A semi-transparent black overlay creates the fading trail effect - Characters reset to the top randomly after reaching the bottom To view the effect, simply open the index.html file in any modern browser. The animation will automatically start and fill the entire browser window.