黑客007的密码瀑布效果

来源:互联网 发布:nginx 子域名配置 编辑:程序博客网 时间:2024/05/28 23:12

网友关于黑客007的密码瀑布效果的实现,很酷

1,HTML部分
<canvas id="q"></canvas>

2,JS代码

<script type="text/javascript">var s = window.screen;var width = q.width = s.width;var height = q.height = s.height;var letters = Array(256).join(1).split('');var draw = function () {  q.getContext('2d').fillStyle='rgba(0,0,0,.05)';  q.getContext('2d').fillRect(0,0,width,height);  q.getContext('2d').fillStyle='#0F0';  letters.map(function(y_pos, index){    text = String.fromCharCode(3e4+Math.random()*33);    x_pos = index * 10;    q.getContext('2d').fillText(text, x_pos, y_pos);    letters[index] = (y_pos > 758 + Math.random() * 1e4) ? 0 : y_pos + 10;  });};setInterval(draw, 33);</script>

原文参见: http://cssdeck.com/labs/the-matrix

0 0