hackBg

by gothic

HTML

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

CSS

* {
			margin: 0;
			padding: 0;
		}
		body {background: black;}
		canvas {display: block;}

JavaScript

var c = document.getElementById("c");
		var ctx = c.getContext("2d");

		// 全屏展示
		c.height = window.innerHeight;
		c.width = window.innerWidth;

		var chinese = "纭曞＋阃氱煡涔〉拰璇?█阃氱煡涔】纸鏂伴€氩嚭鍏凤级";
		chinese = chinese.split("")

		var fontSize = 10;
		var columns = c.width/fontSize;

		var drops = [];
		for(var x = 0;x < columns;x++)
			drops[x] = 1;

		//下落背景
		function draw() {
			ctx.fillStyle = "rgba(0,0,0,0.5)";
			ctx.fillRect(0,0,c.width,c.height);
			ctx.fillStyle = "#0f0"; // 绿色的文字
			ctx.font = fontSize + "px arial";
			for(var i = 0;i < drops.length;i++) {
				var text = chinese[Math.floor(Math.random()*chinese.length)];
				ctx.fillText(text,i*fontSize,drops[i]*fontSize);
				if(drops[i]*fontSize > c.height && Math.random() > 0.975)
					drops[i] = 0;
				drops[i]++;
			}
		}
		setInterval(draw,33);