黑客帝国效果

简介:
<!DOCTYPE html>
<html>
    <head>
        <!--版权:小哲哥
            学习所写
        -->
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <canvas id="c"></canvas>
        <script>
            var c=document.getElementById("c");
            var ctx=c.getContext("2d");
                c.width=window.innerWidth;
                c.height=window.innerHeight;
//              ctx.fillRect(0,0,100,100);
//              a,b,c,d分别代表x方向偏移,y方向偏移,宽,高
            var string1 = "abcdefghijklmnopqrstuvwxyz";
                string1.split("");
            var fontsize=20;
                columns=c.width/fontsize;
            var drop = [];
            for(var x=0;x<columns;x++)
            {
                drop[x]=0;
            }
        function drap(){
            ctx.fillStyle="rgba(0,0,0,0.07)";
            ctx.fillRect(0,0,c.width,c.height);
            ctx.fillStyle="#0F0";
            ctx.font=fontsize+"px arial";
            for(var i=0;i<drop.length;i++){
                var text1=string1[Math.floor(Math.random()*string1.length)];
                ctx.fillText(text1,i*fontsize,drop[i]*fontsize);
                drop[i]++;
                if(drop[i]*fontsize>c.height&&Math.random()>0.9){//90%的几率掉落
                    drop[i]=0;
                }
            }
        }
        setInterval(drap,20);
        </script>
    </body>
</html>
目录
相关文章
|
5月前
|
开发者
【植物大战僵尸杂交版】致敬传奇游戏玩家——一个普通人的六年坚持
【植物大战僵尸杂交版】致敬传奇游戏玩家——一个普通人的六年坚持
|
物联网 测试技术
颜值即正义
第一次炼丹,希望大家喜欢。略有不足,后续改进!
107 1
颜值即正义
|
对象存储
七夕快到了,来创造一副浪漫的鹊桥插画吧
本次通过加载和推理SD模型对象存储OSS Bucket,挂载到PAI-EAS服务,实现模型部署,加载和推理SD模型,制作属于自己的七夕画作。
|
存储 人工智能 弹性计算
600天,我们在沙漠筑“城堡”
600天,我们在沙漠筑“城堡”
117 0
|
SQL 数据库 索引
月球趣事——月球错觉
月球错觉是对出现在低空的月球感觉比在高空时要大的一种光学错觉,这种光学错觉也会出现在太阳和星座上。月亮错觉最早被提出来的解释是:接近地表的月亮,周围有很多的建筑物可以作为对比,让我们具体觉得月亮很大,相反的,高挂天空的月亮,周围没有什么具体让我们觉得很大的东西当对比(就算有云,云的大小对人们而言是不具体的),因此我们无法具体感受到月亮的大小。
3030 0