Skip to content

ZTF666/CanvaTrix

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CanvaTrix

HitCount

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 :

JS JS

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

License

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

Made with 🖤 by ZTF666 - N.EA | 2020