juhaszzs / matrix-effect

Matrix Rain Effect using HTML 5 canvas and JavaScript

Matrix Rain Animation

This code creates a matrix rain animation with a black background, and a green color. The animation displays random letters that drop down the canvas like the "matrix" effect. The color can be toggled to a gradient color by double mouse click or double finger tap on touch devices.

The matrix rain animation using canvas API

Installation

1. Git clone and cd into the repo folder:

https://github.com/sumitKcs/matrix-effect.git && cd matrix-effect

2. Run the command:

open index.html

3. On your device, double click the mouse cursor to toggle between colors or tap your finger twice around the screen on touch devices to see the color change in matrix rain effect.

Live Site

Goto the Matrix Rain Effect Live Preview