Ce projet est une implémentation simple de l'effet de pluie typique du film "Matrix" utilisant HTML, CSS et JavaScript pur. Il utilise des caractères aléatoires tombant pour simuler l'effet et a un fond noir, tout comme l'effet original du film.
- Utilise la police
Matrixpour un rendu authentique. - Prend en charge la plupart des navigateurs modernes grâce à l'élément canvas.
- Les caractères tombent de manière aléatoire pour un effet dynamique.
Assurez-vous d'avoir le fichier de police mtx.ttf dans le même dossier que votre fichier HTML pour que l'effet de police Matrix fonctionne correctement.
Il vous suffit d'ouvrir le fichier HTML dans un navigateur moderne pour voir l'effet de pluie Matrix en action. En voici un exemple en ligne.
Le code utilise deux éléments <canvas> pour dessiner les caractères. Le premier dessine les caractères principaux et le second sert à ajouter un effet de brillance.
Le JavaScript gère la création et l'animation des caractères tombant. Il commence par initialiser les caractères, puis les anime pour qu'ils tombent à des vitesses aléatoires.
Ce projet est basé sur le code original de Riaz LASKAR, disponible à cette adresse. J'ai reçu la permission explicite de Riaz pour réutiliser et adapter ce code.
Paul WOISARD