randrix
A programable, random matrix panel.
Usage
npm install --save randrix
ES Module
; const randrix = message: 'RandomMatrix';randrixstart;
UMD Module
<script type="text/javascript" src="node_modules/randix/dist/randrix.min.js"></script><script type="text/javascript"> var randrix = message: 'randrix.js' possible: 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz.' ; randrixstart;</script>
CSS
[ [ [ [ [ [ [
Example
Custom
; const randrix = message: 'RandomMatrix' selector: '[data-randrix]' width: 6 height: 8 interval: 100 possible: 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz' style: 'serif' 'sans-serif' 'monospace' { documentbodystylebackgroundColor = '#abcdef'; } ;randrixstart;
Multiple
Promise
Async, await example. Resolve the promise with the Randrix callback option.
; { const promise = { const randrix = message: 'RandomMatrix' selector: '[data-randrix]' ; randrixstart; }; const result = await promise; if result ;} { documentinnerHTML = ''; const randrix = message: 'randrix.js' selector: '[data-randrix]' possible: 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz.' ; randrixstart;} ;
Generator
Generator, yield example. Go to next() with the Randrix callback option.
; { for let i = 0; i < configslength; i++ ; } { const wait = i === 0 ? i : 3000; ;} const configs = message: 'Random' width: 4 height: 5 matrixnext message: 'Matrix' width: 4 height: 5 matrixnext message: 'Panel' width: 4 height: 5 matrixnext message: 'randrix.js' width: 4 height: 5 possible: 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz.' ;const matrix = ;matrixnext;