https://github.com/ormidales/matrix_rain

Un projet de simulation visuelle inspiré de l'effet "Matrix" classique, réalisé en utilisant le canvas HTML5. L'effet affiche des caractères tombant de manière aléatoire, avec la possibilité d'interagir avec eux via la souris.
https://github.com/ormidales/matrix_rain

canva canvas css css3 html html-css-javascript html5 javascript matrix matrix-rain mouse

Last synced: 4 days ago
JSON representation

Un projet de simulation visuelle inspiré de l'effet "Matrix" classique, réalisé en utilisant le canvas HTML5. L'effet affiche des caractères tombant de manière aléatoire, avec la possibilité d'interagir avec eux via la souris.

• Host: GitHub
• URL: https://github.com/ormidales/matrix_rain
• Owner: Ormidales
• Created: 2023-10-21T12:34:13.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-21T12:36:16.000Z (about 1 year ago)
• Last Synced: 2024-11-13T19:39:08.953Z (2 months ago)
• Topics: canva, canvas, css, css3, html, html-css-javascript, html5, javascript, matrix, matrix-rain, mouse
• Language: JavaScript
• Homepage: https://ormidales.github.io/matrix_rain/
• Size: 2.93 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Projet Effet Matrix en JavaScript

## Description

Un projet de simulation visuelle inspiré de l'effet "Matrix" classique, réalisé en utilisant le canvas HTML5. L'effet affiche des caractères tombant de manière aléatoire, avec la possibilité d'interagir avec eux via la souris.

## Fonctionnalités

- Effet Matrix : Affiche des caractères tombant de manière aléatoire pour simuler l'effet classique de Matrix.

- Interactivité avec la souris :

  - Les "pluies" de caractères s'accélèrent lorsqu'une souris passe dessus.

  - Les utilisateurs peuvent "dessiner" avec l'effet Matrix en cliquant et en faisant glisser la souris.

## Utilisation

- Déplacez simplement la souris pour voir les "pluies" de caractères s'accélérer.

- Cliquez et faites glisser pour "dessiner" avec l'effet Matrix.

## Personnalisation

- Pour ajuster la taille des caractères ou la vitesse à laquelle ils tombent, modifiez les constantes appropriées dans le fichier script.js.

- Vous pouvez également ajuster la distance à laquelle la souris influence les colonnes ou la vitesse d'accélération pour obtenir l'effet désiré.

## Technologies utilisées

- JavaScript

- Canvas HTML5