This script will turn your homepage into a Matrix with custom, ASCII-Art styled text!
- Include matrix.js in your HTML Code:
<script src="matrix.js"></script>- Change the body style:
<style type="text/css">
body{min-width:1024px;min-height:400px;width:100vw;height:100vh;margin:0;}
</style>- Set the body like this:
<body bgcolor="#000" onload="matrix('YOUR TEXT')" onresize="init()"> Where you need to replace "YOUR TEXT" by the text you want to output
- Finally, set the main element inside the body:
<canvas width="16" height="16" id="mainCanvas"></canvas>Thats it!
A sample index.html is here.
Note: There is also a Minified version of the script! Just use matrix.min.js
Github:
https://nulldev.github.io/matrixjs/
Demo with Input (GitHub):
https://nulldev.github.io/matrixjs/demo/
- It isn't really optimized for mobile devices...