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.
- Matrix Wall demo: https://swharden.github.io/MatrixWall
- Customized demo: https://swharden.github.io/MatrixWall/div.html
- 💡 Tip: Press
F11for fullscreen thenF5to refresh
Add this code anywhere on your site
<script src="https://swharden.github.io/MatrixWall/matrix.js"></script>-
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>- Modify your HTML tag so your browser stops offering to translate the Japanese characters
<html translate="no">This project extends work by Erdoğan Bavaş which was shared on GitHub, demonstrated on YouTube, and summarized on Medium
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent