Saved in:
| Main Author: | |
|---|---|
| Format: | Recurso digital |
| Language: | |
| Published: |
Zenodo
2025
|
| Online Access: | https://doi.org/10.5281/zenodo.18077841 |
| Tags: |
Add Tag
No Tags, Be the first to tag this record!
|
Table of Contents:
- <div dir="auto"> <h1>Matrix Rain</h1> <a href="https://github.com/matrixrainj/matrixrainj.github.io/blob/main/README.md#matrix-rain"></a></div> <p dir="auto"><a href="https://opensource.org/licenses/MIT" rel="nofollow"></a> <a href="https://developer.mozilla.org/en-US/docs/Web/HTML" rel="nofollow"></a> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS" rel="nofollow"></a> <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" rel="nofollow"></a></p> <p dir="auto">An interactive falling green code effect inspired by The Matrix movie. Features smooth animations, extensive customization options, and persistent state management.</p> <p dir="auto"> <strong>Repository:</strong> <a href="https://github.com/matrixrainj/matrixrainj.github.io">https://github.com/matrixrainj/matrixrainj.github.io</a></p> <p dir="auto"> <strong>Live Demo:</strong> <a href="https://matrixrainj.github.io/" rel="nofollow">https://matrixrainj.github.io</a></p> <div dir="auto"> <h2> Preview</h2> <a href="https://github.com/matrixrainj/matrixrainj.github.io/blob/main/README.md#-preview"></a></div> <p dir="auto"><a href="https://github.com/matrixrainj/matrixrainj.github.io/blob/main/preview.png" target="_blank" rel="noopener noreferrer"></a></p> <div dir="auto"> <h2>✨ Features</h2> <a href="https://github.com/matrixrainj/matrixrainj.github.io/blob/main/README.md#-features"></a></div> <div dir="auto"> <h3>Visual Effects</h3> <a href="https://github.com/matrixrainj/matrixrainj.github.io/blob/main/README.md#visual-effects"></a></div> <table> <thead> <tr> <th>Feature</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td> ️ Authentic Matrix Rain</td> <td>Falling characters with realistic trailing effect</td> </tr> <tr> <td> Glow Effects</td> <td>Neon-like glow on leading characters</td> </tr> <tr> <td> Rainbow Mode</td> <td>Colorful animated rainbow effect</td> </tr> <tr> <td> Color Themes</td> <td>Green, Cyan, Magenta, Yellow, Orange, Red + custom colors</td> </tr> </tbody> </table> <div dir="auto"> <h3>Customization Options</h3> <a href="https://github.com/matrixrainj/matrixrainj.github.io/blob/main/README.md#customization-options"></a></div> <ul> <li>⚡ <strong>Rain Speed</strong> - Control falling velocity</li> <li> <strong>Column Density</strong> - Adjust column spacing</li> <li> <strong>Font Size</strong> - Change character size (10-30px)</li> <li> ️ <strong>Trail Length</strong> - Control fade effect intensity</li> </ul> <div dir="auto"> <h3>Character Sets</h3> <a href="https://github.com/matrixrainj/matrixrainj.github.io/blob/main/README.md#character-sets"></a></div> <table> <thead> <tr> <th>Set</th> <th>Characters</th> </tr> </thead> <tbody> <tr> <td>Matrix</td> <td>Katakana + Numbers</td> </tr> <tr> <td>Binary</td> <td>0 & 1</td> </tr> <tr> <td>Hexadecimal</td> <td>0-9, A-F</td> </tr> <tr> <td>Kanji</td> <td>Japanese Kanji characters</td> </tr> <tr> <td>Symbols</td> <td>Glyphs & special symbols</td> </tr> <tr> <td>Custom</td> <td>Your own message</td> </tr> </tbody> </table> <div dir="auto"> <h3>Persistence</h3> <a href="https://github.com/matrixrainj/matrixrainj.github.io/blob/main/README.md#persistence"></a></div> <ul> <li> Auto-save to localStorage</li> <li> Settings persist across sessions</li> <li>↺ Reset to defaults option</li> </ul> <div dir="auto"> <h2>⌨️ Keyboard Shortcuts</h2> <a href="https://github.com/matrixrainj/matrixrainj.github.io/blob/main/README.md#%EF%B8%8F-keyboard-shortcuts"></a></div> <table> <thead> <tr> <th>Key</th> <th>Action</th> </tr> </thead> <tbody> <tr> <td><code>Space</code></td> <td>Pause / Resume</td> </tr> <tr> <td><code>H</code></td> <td>Toggle control panel</td> </tr> </tbody> </table>