Skip to content

Latest commit

 

History

History
49 lines (34 loc) · 1.71 KB

README.md

File metadata and controls

49 lines (34 loc) · 1.71 KB
Raw

Matrix Wall

The Matrix code wall with falling green Unicode characters on a dark background implemented using Vanilla JavaScript and provided with options for color and style customization.

Quickstart

Add this code anywhere on your site

<script src="https://swharden.github.io/MatrixWall/matrix.js"></script>

Customization

  • Colors and styling can be modified by configuring a settings object before loading the script

  • Refer to src/div.html (view the web page here) for advanced configuration options

<script type="text/javascript">
    const matrixSettings = {
        target: document.getElementById("matrixDiv"),
        background: "#67217a",
        foreground: "#9a4993",
        highlight: "#ba5db2",
        characterSize: 15,
        speed: .5,
    };
</script>
<script src="https://swharden.github.io/MatrixWall/matrix.js"></script>

Disable Translation

  • Modify your HTML tag so your browser stops offering to translate the Japanese characters
<html translate="no">

Attribution

This project extends work by Erdoğan Bavaş which was shared on GitHub, demonstrated on YouTube, and summarized on Medium