黑客帝国酷炫特效

代码如下 快去使用吧!

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <canvas id="q"></canvas>
    <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>
</body>
</html>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,660评论 25 709
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 11,778评论 0 17
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,384评论 2 17
  • 爸爸,今天跟我说了很多心里话。 人生最低谷的时候,只有他一个人,他不怨谁只怨自己。 妈妈,她的性格不知道怎么说,接...
    About2time阅读 1,456评论 0 0
  • 1. 在写作这件事上面,一般分为三类人:会写的,不会写的和不敢写的。 私认为,写作,归根到底也不过就是表达方式和沟...
    林资言阅读 3,649评论 4 10