<!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>
黑客帝国效果
2016-02-26
1081
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
目录
相关文章
|
7月前
|
物联网
测试技术
|
8月前
|
对象存储
|
10月前
|
存储
人工智能
弹性计算
|
弹性计算
Java
学生机开服rlcraft成功了但玩不了大冒险
本文以云服务器开服我的世界为主题，介绍了题主在使用阿里云ECS时遇到的一些问题及题解，推荐了几款好用的云服务器操作软件，最后分享一些搭设个人网站的截图。
315
0
0
|
机器人
物联网
脑洞故事|万圣节的起源并非恶魔，而是M星系机器人！
729
0
0
《星际争霸》怀念星际历史上最强的队伍系列二
1741
0
0
|
安全
机器人
好莱坞劲刮科幻风——十部即将上映的科幻巨制
2884
0
0
《星际争霸》怀念星际历史上最强的队伍系列三
1464
0
0
|
C#
C#黎明前的黑暗
学习编程已经很久了，然而技术还停留在远古时代，丝毫没有什么进步的痕迹，平常也就写一些小软件来处理工作上面遇到的一些很繁杂的问题，天生愚笨或许就是说的我。
黎明前的黑暗期，真的太长了，烂烂的文章就像烂烂的代码一样，没有逻辑感，没有篇幅，简简短短的几行就草草的解决着一个又一个的小问题，却没有一套完整或者大一点的程序。
831
0
0