Ce petit outil est disponible en open source et est déployé sur GitLab, pour consulter le code, voir ici ; pour consulter l'outil en ligne, allez ici.

README

Matrix Rain Maker

Un générateur d’animation Matrix Rain interactif et personnalisable directement dans le navigateur, avec la fonctionnalité de télécharger l’animation au format GIF grâce à gif.js.

Fonctionnalités

• Expérience Mobile (PWA) : Entièrement responsive, panneau de réglages repliable avec bouton flottant, ergonomie tactile optimisée et installable sur l’écran d’accueil.
• Mode Hors-Ligne : Supporté grâce à un Service Worker pour un accès instantané sans connexion Internet.
• Animation fluide : Effet de pluie de caractères personnalisable (vitesse, direction haut/bas/gauche/droite, traînées, polices).
• Formats multiples : Choix du format et des dimensions (Paysage, Carré, Portrait, Bannière ou Sur-mesure).
• Export GIF et Vidéo : Téléchargement de l’animation au format .gif (gif.js) ou .webm (MediaRecorder).
• Léger et sans serveur : Fonctionne entièrement en HTML5 et JavaScript pur.

Structure du projet

Le projet est organisé de la manière suivante :

.
├── assets
│   ├── matrix-rain-maker-192x192.png
│   ├── matrix-rain-maker-512x512.png
│   └── matrix-rain-maker.svg
├── index.html                      # Structure principale et interface utilisateur
├── js
│   └── app.js                      # Logique de l'animation Canvas, des exports et du Service Worker
├── LICENCE
├── manifest.json                   # Configuration de la Progressive Web App
├── README.md
├── style.css                       # Styles CSS responsives
└── sw.js                           # Service Worker pour la mise en cache

Dépendance

gif.js : Bibliothèque JavaScript pour encoder des fichiers GIF animés côté client (chargée via CDN).

Licence

Distribué sous la licence MIT.

Dernière mise-à-jour : 12 septembre 2026