¡Hola!
Recientemente vi una publicación de un efecto tipo Matrix, usando el Bloc de notas. Se trataba de un archivo por lotes (batch), para la línea de comandos de Windows.
Como muchos usuarios preguntaron si era posible ponerlo como fondo de escritorio (lo cual hasta donde se no es viable), me decidí a hacer un efecto que los usuarios de Windows XP sí pueden usar como fondo de pantalla.
Lamentablemente en Windows 7 no es posible usar HTML como fondo de escritorio. Pero este efecto puede ser visto igualmente en cualquier explorador de Internet y en cualquier sistema operativo.
Pasos
1. Copiar el siguiente código dentro del Bloc de notas:
2. Hacer click sobre el menú Archivo / Guardar.
3. Seleccionar la carpeta donde se guardará el archivo (recomiendo Mis imágenes).
4. En el campo Nombre (del cuadro Guardar como), escribir (entre comillas): "matrix.htm"
5. Pulsar el botón Guardar.
Listo. En Windows XP se puede seleccionar este archivo como fondo de pantalla.
También es posible colocar una imagen de fondo debajo del efecto. Sólo deben usar una imagen JPG del tamaño de la resolución del monitor y de nombre matrix.jpg (debe estar guardada en la misma carpeta del "matrix.htm").
Si comentan les explico cómo cambiar el número de líneas que caen y algún otro truquillo.
Saludos.
Recientemente vi una publicación de un efecto tipo Matrix, usando el Bloc de notas. Se trataba de un archivo por lotes (batch), para la línea de comandos de Windows.
Como muchos usuarios preguntaron si era posible ponerlo como fondo de escritorio (lo cual hasta donde se no es viable), me decidí a hacer un efecto que los usuarios de Windows XP sí pueden usar como fondo de pantalla.
Lamentablemente en Windows 7 no es posible usar HTML como fondo de escritorio. Pero este efecto puede ser visto igualmente en cualquier explorador de Internet y en cualquier sistema operativo.
Pasos
1. Copiar el siguiente código dentro del Bloc de notas:
<html>
<head>
<title>mperezale</title>
<style type="text/css">
<!--
body {overflow:hidden;background-color:#002000;background-image:url(matrix.jpg);background-position:center center;background-attachment:fixed;}
div {width:20px;text-align:center;position:absolute;font-family:monospace;font-weight:bold;}
span {background-color:#60a060;color:#000000;text-decoration:underline;}
-->
</style>
<script type="text/javascript">
<!--
var arrChars = ["1", "0", "0", "1", "0", "1", "1", "0", "1", "0", "1", "0", "1", "1", "0", "0", "1", "0", "1", "0"];
var intCount = 10;
var arrStream = new Array();
arrStream[0] = [15, 10, 10];
arrStream[1] = [20, 20, 5];
var intTimer = 0;
var intStream = 1;
function ftnCreateStream()
{
var intSize = 10 + parseInt(Math.random() * 10);
var intLength = 10 + parseInt(Math.random() * 10);
var intChange = parseInt(Math.random() * 10);
var intColor = parseInt(intSize * 12.8);
var strStream = "<div id=\"divStream\" style=\"";
strStream += "left:" + parseInt(Math.random() * document.body.clientWidth) + "px;";
strStream += "top:-" + ((intLength + 5) * intSize) + "px;";
strStream += "font-size:" + intSize + "px;";
strStream += "color:rgb(0," + intColor + ",0);\">";
document.body.innerHTML += strStream;
arrStream[++intStream] = [intSize, intLength, intChange];
}
function ftnStream()
{
var strTemp = "";
for (var intIndex = 0; intIndex < divStream.length; intIndex++)
{
if (intCount == arrStream[intIndex][2])
{
strTemp = arrChars.shift();
arrChars.push(strTemp);
divStream[intIndex].innerHTML = arrChars.slice(0, arrStream[intIndex][1] - 2).join("<br>") + "<br><span>_</span>";
}
if (intCount == 10)
{
if (intStream < 30) ftnCreateStream();
intCount = 0;
}
divStream[intIndex].style.pixelTop += parseInt(arrStream[intIndex][0] / 3);
if (divStream[intIndex].style.pixelTop > document.body.clientHeight)
{
divStream[intIndex].style.pixelTop = -(arrStream[intIndex][0] + 5) * arrStream[intIndex][1];
divStream[intIndex].style.pixelLeft = parseInt(Math.random() * document.body.clientWidth);
}
}
intCount++;
}
function ftnEnterTheMatrix()
{
intTimer = setInterval("ftnStream()", 35);
}
//-->
</script>
</head>
<body scroll="no" onLoad="ftnEnterTheMatrix()">
<div id="divStream" style=left:100px;top:-150px;font-size:15px;color:#00c000;></div>
<div id="divStream" style=left:150px;top:-400px;font-size:20px;color:#00d000;></div>
</body>
</html>
2. Hacer click sobre el menú Archivo / Guardar.
3. Seleccionar la carpeta donde se guardará el archivo (recomiendo Mis imágenes).
4. En el campo Nombre (del cuadro Guardar como), escribir (entre comillas): "matrix.htm"
5. Pulsar el botón Guardar.
Listo. En Windows XP se puede seleccionar este archivo como fondo de pantalla.
También es posible colocar una imagen de fondo debajo del efecto. Sólo deben usar una imagen JPG del tamaño de la resolución del monitor y de nombre matrix.jpg (debe estar guardada en la misma carpeta del "matrix.htm").
Si comentan les explico cómo cambiar el número de líneas que caen y algún otro truquillo.
Saludos.