最近传出了黑客帝国4（The Matrix 4）的消息，真的是激动啊！！！
《黑客帝国4：重生》（The Matrix: Resurrections）将于12月22日上映。官网的预告片更是震撼，据说每个人的选择，看到的预告片都不一样，具体你可以进去试一试哟~
地址：/cn/
小时候看前三部的时候始终没看懂，那些人为什么了能飞过去飞过来的，以为是超人还是什么超级英雄，上大学后，再回过头来看，基本就能看懂了，不经感叹道，这是在1999年拍出来的啊！！！
The Matrix
是不是觉得电影里的屏保很炫酷，同样你也可以拥有！
然后就小研究了一下，先说下HTML实现。
先在桌面上建立一个文本文件，如下图
（名字随便取）然后将文件的后缀名改为（.html）
然后通过记事本打开，再复制下面的代码，直接保存即可
<html><head><title>黑客帝国-代码雨</title><canvas id="canvas" style="background:red" width="620" height="340"></canvas><audio autoplay="autoplay" src="C:\Users\gxkj-040\Desktop\黑客帝国代码雨\Rob Dougan、Don Davis - Chateau.mp3"></audio><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 ="0123456789abcdefghijklmnopqurstuvwxyz";//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><style type="text/css">body{margin: 0; padding: 0; overflow: hidden;}</style></head><body></body></html>
像下面这样
保存完毕之后。
直接双击打开吧~（前提得有浏览器，这应该大家都有吧！）
全屏的话，可以直接按下F11。
emmmmmmmmmm…
好像做成屏保还差那么点意思，然后我就找到了一个国外免费的（竟然还在针对不同版本的Windows更新的）一个屏保。
下面上链接：/ssaver/Matrix_ks.php
这网站可以说是很良心了！
下面还有一个下载链接：Matrix_ks黑客帝国屏保小插件
下载下来，傻瓜安装即可，然后再
点击上图，跳转下
你就即将拥有黑客帝国的屏保，其中很多图形、颜色、数字等等都可以DIY，开发者很厉害了！Respect~
简直不要太强了！！！
❤坚持读Paper，坚持做笔记，坚持学习❤！！！
⚡To Be No.1
⚡⚡哈哈哈哈
⚡创作不易⚡，过路能❤关注、收藏、点个赞❤三连就最好不过了
ღ( ´･ᴗ･` )
❤
『
那些路上的风景，都是有你的快乐.
』
