stickrive / digitalrain

Canvas/JavaScript implementation of Digital Rain effect from the Matrix

A clone of
https://github.com/PaulB-H/matrix-digital-rain
...which is a fork from this commit:
https://github.com/mavidser/matrix-digital-rain/commit/6e037f39bda5343ae749283fabb4a61361371e2d
...of this project:
https://mavidser.github.io/matrix-digital-rain

---

My goals with this:

• Stop the gray trails that appear after a while
• Allow more columns to come down at once
• Allow variable speeds between columns
• Learn about canvas and how this effect works

Stop gray trails:
Commit - faf441b09090a7de8dd3ac6ca48020c6cb9fa66c
Fix - Print a small semi-transparent black square on the space the new character will display, along with slightly darkening the canvas-wide layer that is applied every draw loop.

Multiple streams / variable speeds:
Possible Solution: Currently the printing for all streams is handled by one timer / loop. If I created separate intervals that handled the printing and properties of each stream, then I could modify the properties of each one separately

Before

After

_{Original readme below:}

---

Matrix

This is an implementation of the Matrix digital rain in the browser, using HTML5 Canvas.

Built primarily to learn the basics of Canvas element.

---

Based on Bareel's implementation of the Matrix rain.