抖音爆火的黑客帝国代码雨

　　操作方法
　　01：hr在桌面新建一个文件夹，命名为黑客帝国代码雨。
　　02：hr在文件夹内新建一个文本文档。
　　03：hr将新建文本文档命名为代码雨。
　　04：hr将以下代码复制到文本中：
　　lt；canvasidcanvasstylebackground：blackwidth620height340gt；lt；canvasgt；
　　lt；audiostyledisplay：none；height：idbgmusicpreloadautosrcmusic黑客帝国。mp3gt；lt；audiogt；
　　lt；styletypetextcssgt；
　　body｛margin：0；padding：0；overflow：hidden；｝
　　lt；stylegt；
　　lt；scripttypetextjavascriptgt；
　　window。onloadfunction（）｛
　　获取图形对象
　　varcanvasdocument。getElementById（canvas）；
　　获取图形的上下文
　　varcontextcanvas。getContext（2d）；
　　获取浏览器屏幕的宽度和高度
　　varWwindow。innerWidth；
　　varHwindow。innerHeight；
　　设置canvas的宽度和高度
　　canvas。widthW；
　　canvas。heightH；
　　每个文字的字体大小
　　varfontSize15；
　　计算列
　　varcolunmsMath。floor（WfontSize）；
　　记录每列文字的y轴坐标
　　vardrops〔〕；
　　给每一个文字初始化一个起始点的位置
　　for（vari0；ilt；colunms；i）｛
　　drops。push（0）；
　　｝
　　运动的文字
　　varstr01abcdefghijklmnopqurstuvwxyz；
　　4：fillText（str，x，y）；原理就是去更改y的坐标位置
　　绘画的函数
　　functiondraw（）｛
　　让背景逐渐由透明到不透明
　　context。fillStylergba（0，0，0，0。05）；
　　context。fillRect（0，0，W，H）；
　　给字体设置样式
　　context。font700fontSizepx微软雅黑；
　　context。fontfontSizepxarial；
　　给字体添加颜色
　　context。fillStylegreen；随意更改字体颜色
　　写入图形中
　　for（vari0；ilt；colunms；i）｛
　　varindexMath。floor（Math。random（）str。length）；
　　varxifontSize；
　　varydrops〔i〕fontSize；
　　context。fillText（str〔index〕，x，y）；
　　如果要改变时间，肯定就是改变每次他的起点
　　if（ygt；canvas。heightamp；amp；Math。random（）gt；0。92）｛
　　drops〔i〕0；
　　｝
　　drops〔i〕；
　　｝
　　｝；
　　functionrandColor（）｛
　　varrMath。floor（Math。random（）256）；
　　vargMath。floor（Math。random（）256）；
　　varbMath。floor（Math。random（）256）；
　　returnrgb（r，g，b）；
　　｝
　　draw（）；
　　setInterval（draw，33）；
　　｝；
　　lt；scriptgt；
　　05：hr直接复制代码，后缀名改为：。html，直接运行就可以看到效果啦！