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 👈

Please excuse that 15mb gif

This was made using :

NPM INSTALL

 
$ npm i canvatrix
 

Usage

import { ZTF } from "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

<canvas id="test" width="1000" height="50"></canvas>

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

<script src="script.js"></script>
 
<script>
  ZTF(YOUR_CANVAS_ID).matrix(SPEED, CANVAS_WIDTH, CANVAS_HEIGHT);
</script> 

Contact

you can contact me at [e-mail] or via my portfolio

ZTF666

License

👨‍💻 CanvaTrix 👨‍💻 released under the MIT License.

Made with 🖤 by ZTF666 - N.EA | 2020