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 👈

This was made using :

NPM INSTALL

$ npm i canvatrix

Usage

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

<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 ZTF666@protonmail.ch or via my portfolio

ZTF666

License

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

Made with 🖤 by ZTF666 - N.EA | 2020