Page du magasin
Wallpaper Engine
Tous Discussions Captures d'écran Créations de fans Diffusions Vidéos Workshop Actualités Guides Évaluations

Wallpaper Engine

Page du magasin
Wallpaper Engine >  Workshop > Workshop de Nullctipus
2,269 évaluations
Matrix Randomizer
Description Discussions0 Commentaires24 Notes de changement
   
Récompenser
Ajouter aux favoris
Favoris
Retirer des favoris
Type: Web
Age Rating: Everyone
Genre: Technology
Resolution: Dynamic resolution
Category: Wallpaper
Taille du fichier
Publié le
265.610 KB
6 sept. 2017 à 5h13
1 note de changement ( voir )
Créé par
Nullctipus
Hors ligne
Voir les 92 collections (certaines peuvent être cachées)
5,017 Visites uniques
166,620 Abonné(e)s
7,562 Favoris actuels

S'abonner pour télécharger
Matrix Randomizer

Description
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>
24 commentaires
< >
GameZone 12 avr. à 0h44 
Damn. It's really good. I like to use it as my screensaver. I was kinda hoping it had phone support. Are you able to do that. If so, Awesome!.
芝士龙糕 10 déc. 2023 à 6h43 
Perfect work, I wonder if it can support mobile phones?:steamhappy:
DiegoScascio 6 sept. 2023 à 13h21 
:cupup:
chebonaparte 💜 25 mai 2023 à 13h55 
Love this! :)
Spark 28 janv. 2023 à 3h08 
good
blumkin98 6 juin 2021 à 22h27 
how do I make it run longer than 1 minute
AmberDrake 28 mars 2021 à 10h28 
Cool
mmg1337 23 nov. 2020 à 8h01 
Super:d2rubick:
ogidaq 19 oct. 2020 à 15h02 
masterpiece
FM1992 24 sept. 2020 à 10h13 
amazing, good job