https://github.com/ztf666/canvatrix
Turn your <canvas> into a fancy Matrix like screen.
https://github.com/ztf666/canvatrix
canvas2d matrix matrix-library npm-package npm-script
Last synced: about 1 month ago
JSON representation
Turn your <canvas> into a fancy Matrix like screen.
- Host: GitHub
- URL: https://github.com/ztf666/canvatrix
- Owner: ZTF666
- License: mit
- Created: 2020-06-23T23:10:10.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-08-15T23:41:12.000Z (almost 6 years ago)
- Last Synced: 2024-04-26T19:22:31.920Z (about 2 years ago)
- Topics: canvas2d, matrix, matrix-library, npm-package, npm-script
- Language: JavaScript
- Homepage: https://canvatrix.web.app
- Size: 14.7 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# CanvaTrix
[](http://hits.dwyl.com/ZTF666/CanvaTrix)
Turn your <canvas> into a fancy Matrix like screen.
This is a readaptation/tweaked version made to be used more efficiently
The original code can be found here :
👉 [Original Code](http://cssdeck.com/labs/the-matrix) 👈
This was made using :
# NPM INSTALL
```bash
$ npm i canvatrix
```
## Usage
```javascript
import { ZTF } from "canvatrix/canvatrix";
ZTF(YOUR_CANVAS_ID).matrix(SPEED, CANVAS_WIDTH, CANVAS_HEIGHT);
```
## Notice
Make sure your canvas width and height values are the same as the ones put in the call of the function
Example
```html
```
```javascript
ZTF(YOUR_CANVAS_ID).matrix(SPEED, CANVAS_WIDTH, CANVAS_HEIGHT);
```
# NOT USING NPM ? NO PROBLEM !
Download the file : script.js and include it in your html
```html
ZTF(YOUR_CANVAS_ID).matrix(SPEED, CANVAS_WIDTH, CANVAS_HEIGHT);
```
# Contact
```
you can contact me at ZTF666@protonmail.ch or via my portfolio
```
## License
**👨💻 CanvaTrix 👨💻** released under the [MIT](LICENSE) License.
Made with 🖤 by ZTF666 - N.EA | 2020
