Red de conocimiento informático - Conocimiento sistemático - Solicitando Matrix Digital Rain Flash

Solicitando Matrix Digital Rain Flash

Flash no funciona, pero HTML5 sí. ;

lt;audio?style="display:none;?height:?0"?id="bg-music"?preload="auto"?src="música/The Matrix.mp3" gt; lt;/audiogt;

lt;style?type="text/css"gt;

cuerpo{margin:?0;?padding:?0;?overflow: ?hidden ;}

lt;/stylegt;

lt;script?type="text/javascript"gt; window.onload?=?function(){ //Obtener el objeto gráfico var ?canvas?=?document.getElementById("canvas"); //Obtener el contexto del gráfico var?context?=?canvas.getContext("2d"); screen var?W?= ?window.innerWidth; var?H?=?window.innerHeight; //Establece el ancho y alto del lienzo canvas.width?=?W; tamaño de cada texto var?fontSize ?=?15; //Calcular la columna var?colunms?=?Math.floor(W?/fontSize);? //Registrar la coordenada del eje y de cada columna de texto var?drops? =?[]; //Para cada Texto inicializa la posición de un punto de partida for(var?i=0; ilt; colunms; i ){

drops.push(0); text var?str?="01abcdefghijklmnopqurstuvwxyz" ; //4: fillText(str, x, y); El principio es cambiar la posición de la coordenada y //La función de dibujo function?draw(){ //Deja que el fondo cambie gradualmente de transparente a opaco

context .fillStyle?=?"rgba(0,0,0,0.05)";

context.fillRect(0,0,W,H);

//Establecer estilo de fuente

//context.font?=?"700?" fontSize "px?Microsoft Yahei";

context.font? =?fontSize? ?'px?arial' ;

//Añadir color a la fuente

context.fillStyle?="green";//Cambia el color de fuente a voluntad

//Escríbalo en el gráfico

for(var?i=0;ilt;colunms;i){

var?index?=?Math. Floor(Math.random()?*?str.length) ;

var?x?=?i*fontSize;

var?y?=?drops[i]? *fontSize;

var?y?=?drops[i]?*fontSize;

p>

context.fillText(str[index], x, y);

//Si quieres cambiar la hora, debes cambiar su punto de inicio cada vez

if( y?gt;=?canvas.height?amp;amp;?Math.random()?gt;?0.92){ gotas[i]?=?0;

}

gotas[i];

}}; function?randColor(){

var?r?=?Math.floor(Math.random()?*? 256);

var?g?=?Math.floor(Math.random()?*?256);

var?b?=?Math.floor(Math. aleatorio() ?*?256);

return?"rgb(" r ", " g ", " b ")" } draw(); setInterval(draw, 33); /p>

lt;/scriptgt;

Espero adoptar