https://github.com/janemiceli/matrix4
https://janemiceli.github.io/matrix4
https://github.com/janemiceli/matrix4
animation canvas canvas2d coderain css custommessages digitalrain html html5 javascript js matrix matrix-rain matrix4 matrixcode matrixeffect matrixrain rain
Last synced: 4 months ago
JSON representation
https://janemiceli.github.io/matrix4
- Host: GitHub
- URL: https://github.com/janemiceli/matrix4
- Owner: janemiceli
- Created: 2021-12-26T02:32:53.000Z (over 4 years ago)
- Default Branch: gh-pages
- Last Pushed: 2022-01-02T21:58:23.000Z (over 4 years ago)
- Last Synced: 2024-05-02T01:14:57.542Z (about 2 years ago)
- Topics: animation, canvas, canvas2d, coderain, css, custommessages, digitalrain, html, html5, javascript, js, matrix, matrix-rain, matrix4, matrixcode, matrixeffect, matrixrain, rain
- Language: JavaScript
- Homepage: https://janemiceli.github.io/matrix4
- Size: 4.06 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Matrix code rain
================
**See live demo [here](https://janemiceli.github.io/matrix4/)**
*Matrix* font is from [here](http://www.dafont.com/matrix-code-nfi.font).
TO DO
- In custom messages, only one string per character length is allowed for some reason
CONFIGURATION
- Change color of the rain in script.js, by assigning variable "colorrain" a number that corresonds with the color:
```
bluerain = 207;
var colorrain = bluerain;
```
Live examples:
* [Pink](https://janemiceli.github.io/Happy_birthday_aria/)
* [Orange](https://janemiceli.github.io/susanbauter/)
* [Yellow](https://janemiceli.github.io/Happy_birthday_connor/)
* [Green](https://janemiceli.github.io/matrix_tim/)
* [Blue](https://janemiceli.github.io/matrix)
* [Purple](https://janemiceli.github.io/Happy_birthday_angie/)
- Change the messages/words that appear in the rain by using all CAPS and assign to array "messages"
```
const messages = ["ALPHA", "BETA", "GAMMA"]
```
ONE MORE THING: Screensavers and webpage wallpaper
Also works with [Webpage Screensaver for Windows](https://github.com/janemiceli/web-page-screensaver-windows), [Webpage Screensaver for macOS](https://github.com/janemiceli/web-page-screensaver-macos), [Webpage Live Wallpaper for Windows](https://github.com/janemiceli/AutoWall)