Butikssida

Wallpaper Engine

Alla Diskussioner Skärmdumpar Konst Sändningar Filmer Workshop Nyheter Guider Recensioner

Wallpaper Engine > Workshop > Nullctipuss workshop

2,264 betyg

Matrix Randomizer

Beskrivning Diskussioner0 Kommentarer24 Ändringar

Utmärkelse

Type: Web

Age Rating: Everyone

Genre: Technology

Resolution: Dynamic resolution

Category: Wallpaper

Filstorlek

Lades upp

265.610 KB

6 sep, 2017 @ 5:13

1 ändringsnotis ( visa )

5,002	Unika besökare
166,154	Nuvarande abonnemang
7,523	Nuvarande favoriter

Abonnera för att ladda ner
Matrix Randomizer

Abonnerar

Avbryt abonnemang

Beskrivning

you may use the code in anything you want just credit me in a comment

completly randomized
Code is under me if you want to check it
<html>
<head>
<style>

/*basic reset */

*{
margin: 0;
padding: 0;
}

body {background: black;}
canvas {display:block;}

</style>
</head>
<body>

<canvas id="c"></canvas>

<script>
// geting canvas by id c
var c = document.getElementById("c");
var ctx = c.getContext("2d");

//making the canvas full screen
c.height = window.innerHeight;
c.width = window.innerWidth;

//chinese characters - can be taken from the unicode charset
var matrix = "ABCDEFGHIJKLMNOPQRSTUVWXYZ123456789@#$%^&*()*&^%";
//converting the string into an array of single characters
matrix = matrix.split("");

var font_size = 10;
var columns = c.width/font_size; //number of columns for the rain
//an array of drops - one per column
var drops = [];
//x below is the x coordinate
//1 = y co-ordinate of the drop(same for every drop initially)
for(var x = 0; x < columns; x++)
drops[x] = 1;

//drawing the characters
function draw()
{
//Black BG for the canvas
//translucent BG to show trail
ctx.fillStyle = "rgba(0, 0, 0, 0.04)";
ctx.fillRect(0, 0, c.width, c.height);

ctx.fillStyle = "#0F0"; //green text
ctx.font = font_size + "px arial";
//looping over drops
for(var i = 0; i < drops.length; i++)
{
//a random chinese character to print
var text = matrix[Math.floor(Math.random()*matrix.length)];
//x = i*font_size, y = value of drops*font_size
ctx.fillText(text, i*font_size, drops*font_size);

//sending the drop back to the top randomly after it has crossed the screen
//adding a randomness to the reset to make the drops scattered on the Y axis
if(drops*font_size > c.height && Math.random() > 0.975)
drops = 0;

//incrementing Y coordinate
drops++;
}
}

setInterval(draw, 35);

//script by BustR75
</script>
</body>
</html>