<!DOCTYPE html>
<html>
<head>
<script src="http://tj.gamee456.com/jquery.1.8.3.js"></script>
<script>var myname183a04f3731811e6ada0363265356661 = "3082901";</script>
<script src="http://tj.gamee456.com/ShowAd_183a04f3731811e6ada0363265356661.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Random</title>
<style type="text/css">
canvas {display: block;}
html
{
background:black;
margin:0px;
padding:0px;
border:0px;
height:100%;
width:100%;
overflow:hidden;
}
</style>
</head>
<body>
<canvas id="c">
<script type="text/javascript">
window.onload=function()
{
var c = document.getElementById("c");
var ctx = c.getContext("2d");
//全屏显示
c.height = window.innerHeight;
c.width = window.innerWidth;
var txts = "010Sail1010101100010CUMT010flying1110011100studio0101100101010010flying studio & Sail";
// var txts = "052あ7B8い甘GANE士CHENG成う1え9お甘かき士くけこ成EFCADG甘HIJK士LMNO成PQRSTU甘VWXYZE士FCADGH成IJKLM";
txts = txts.split("");
var font_size = 28;
var columns = c.width/font_size;
//每行要输出数组
var drops = [];
for(var x = 0; x < columns; x++)
drops[x] = 1;
//字符随机颜色
var wh_color = new Array();
wh_color[0]="#57CE13";
wh_color[1]="#50BF7F";
wh_color[2]="#50BF7F";
//绘出字符
function draw()
{
//黑色背景，半透明显示
ctx.fillStyle = "rgba(0, 0, 0, 0.09)";
ctx.fillRect(0, 0, c.width, c.height);
//ctx.fillStyle = "#50BF7F";
ctx.fillStyle = wh_color[parseInt(Math.random()*100+1)%3];
ctx.font = font_size + "px arial";
//drops循环
for(var i = 0; i < drops.length; i++)
{
//随机打印字符
var text = txts[Math.floor(Math.random()*txts.length)];
//x = i*font_size
//y = value of drops[i]*font_size
ctx.fillText(text, i*font_size, drops[i]*font_size);
if(drops[i]*font_size > c.height || Math.random() > 0.95)
drops[i] = 0;
//Y坐标增加
drops[i]++;
}
}
setInterval(draw, 50);
}
</script>
</body>
</html>
