Digital Rain is a browser-based visual representation of falling characters, similar to the "Matrix Rain" effect. This project uses a combination of TypeScript and Sass to generate an interactive and customizable digital rain effect.
- Node.js version 14 or newer
- npm version 6 or newer
- Clone the repository
git clone https://github.com/mmxcrono/digital-rain.git
- Navigate to the cloned repository
cd digital-rain
- Install the dependencies
npm i
- Build the project
npm run build
You can customize the number of columns (numCols) and the number of rows (numRows) in the digital rain effect by providing them as query parameters in the URL. For example:
file:///C://index.html?numCols=30&numRows=20
numCols
is a positive integer representing the number of columns.numRows
is a positive integer representing the number of rows.
numCols
and numRows
default to 40 and 20, respectively if no parameters are provided.
Performance Warning: Be cautious when setting numCols
or numRows
to numbers greater than 40, as it can significantly impact performance.
- Hoang Nguyen
This project is licensed under the MIT License.
This project is inspired by the "digital rain" effect seen in The Matrix film series.