Skip to content

❎ Script that will turn your website into a Matrix with custom ASCII-Art text

License

Notifications You must be signed in to change notification settings

NullDev/matrixjs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Matrix.js

This script will turn your homepage into a Matrix with custom, ASCII-Art styled text!

How-To:

  • 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


Live Demos:

Github:
https://nulldev.github.io/matrixjs/

Demo with Input (GitHub):
https://nulldev.github.io/matrixjs/demo/


Known issues:

  • It isn't really optimized for mobile devices...

About

❎ Script that will turn your website into a Matrix with custom ASCII-Art text

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published