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

　　操作方法
　　01:
　　在桌面新建一个文件夹，命名为黑客帝国代码雨。
　　02:
　　在文件夹内新建一个文本文档。
　　03:
　　将新建文本文档命名为代码雨。
　　04:
　　将以下代码复制到文本中：
　　<canvas id=＂＂canvas＂＂ style=＂＂background:black＂＂ width=＂＂620＂＂ height=＂＂340＂＂></canvas>
　　<audio style=＂＂display:none;＂ height:=＂＂ id=＂＂bg-music＂＂ preload=＂＂auto＂＂ src=＂＂music/黑客帝国.mp3＂＂></audio>
　　<style type=＂＂text/css＂＂>
　　body{margin: 0; padding: 0; overflow: hidden;}
　　</style>
　　<script type=＂＂text/javascript＂＂>
　　window.onload = function(){
　　//获取图形对象
　　var canvas = document.getElementById(＂canvas＂);
　　//获取图形的上下文
　　var context = canvas.getContext(＂2d＂);
　　//获取浏览器屏幕的宽度和高度
　　var W = window.innerWidth;
　　var H = window.innerHeight;
　　//设置canvas的宽度和高度
　　canvas.width = W;
　　canvas.height = H;
　　//每个文字的字体大小
　　var fontSize = 15;
　　//计算列
　　var colunms = Math.floor(W /fontSize);
　　//记录每列文字的y轴坐标
　　var drops = [];
　　//给每一个文字初始化一个起始点的位置
　　for(var i=0;i<colunms;i++){
　　drops.push(0);
　　}
　　//运动的文字
　　var str =＂01abcdefghijklmnopqurstuvwxyz＂;
　　//4:fillText(str,x,y);原理就是去更改y的坐标位置
　　//绘画的函数
　　function draw(){
　　//让背景逐渐由透明到不透明
　　context.fillStyle = ＂rgba(0,0,0,0.05)＂;
　　context.fillRect(0,0,W,H);
　　//给字体设置样式
　　//context.font = ＂700 ＂+fontSize+＂px 微软雅黑＂;
　　context.font = fontSize + ＂px arial＂;
　　//给字体添加颜色
　　context.fillStyle =＂green＂;//随意更改字体颜色
　　//写入图形中
　　for(var i=0;i<colunms;i++){
　　var index = Math.floor(Math.random() * str.length);
　　var x = i*fontSize;
　　var y = drops[i] *fontSize;
　　context.fillText(str[index],x,y);
　　//如果要改变时间，肯定就是改变每次他的起点
　　if(y >= canvas.height && Math.random() > 0.92){
　　drops[i] = 0;
　　}
　　drops[i]++;
　　}
　　};
　　function randColor(){
　　var r = Math.floor(Math.random() * 256);
　　var g = Math.floor(Math.random() * 256);
　　var b = Math.floor(Math.random() * 256);
　　return ＂rgb(＂+r+＂,＂+g+＂,＂+b+＂)＂;
　　}
　　draw();
　　setInterval(draw,33);
　　};
　　</script>
　　05:
　　直接复制代码，后缀名改为：.html ，直接运行就可以看到效果啦！