❤The Matrix黑客帝国屏保！！！❤HTML实现及其傻瓜安装你值得拥有

最近传出了黑客帝国4（The Matrix 4）的消息，真的是激动啊！！！

《黑客帝国4：重生》（The Matrix: Resurrections）将于2021年12月22日上映。官网的预告片更是震撼，据说每个人的选择，看到的预告片都不一样，具体你可以进去试一试哟~

地址：https://thechoiceisyours.whatisthematrix.com/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更新的）一个屏保。

下面上链接：http://www.kellysoftware.com/ssaver/Matrix_ks.php

这网站可以说是很良心了！

下面还有一个下载链接：Matrix_ks黑客帝国屏保小插件

下载下来，傻瓜安装即可，然后再

点击上图，跳转下

你就即将拥有黑客帝国的屏保，其中很多图形、颜色、数字等等都可以DIY，开发者很厉害了！Respect~

简直不要太强了！！！

❤坚持读Paper，坚持做笔记，坚持学习❤！！！
⚡To Be No.1

⚡⚡哈哈哈哈

⚡创作不易⚡，过路能❤关注、收藏、点个赞❤三连就最好不过了

ღ( ´･ᴗ･` )

❤

『
那些路上的风景，都是有你的快乐.
』

❤The Matrix黑客帝国屏保！！！❤HTML实现及其傻瓜安装你值得拥有相关推荐

cmatrix黑客帝国屏保
Linux下 cmatrix的安装和使用(黑客屏保) 1.安装ncurses支持包 yum install ncurses* # 安装相关ncurses支持包 2.下载屏保软件源码包 wget htt ...
电脑罗盘时钟代码_苹果电脑怎么设置数字时钟屏保 Word Clock for Mac安装教程
[闽南网] Word Clock Mac版作为一款精美和酷炫的数字时钟屏保,目前受到了非常多的用户的欢迎和使用.word clock作为一款纯文字排版屏幕保护应用,让用户的电脑屏保瞬间变的" ...
html文件设置成mac屏保,mac如何自定义设置屏保-mac将图片设置为屏保的方法 - 河东软件园...
MAC如何自定义设置屏保?当用户在安装了mac系统后,在系统中默认会自带有几张屏保界面,但有些用户对默认的屏保不感兴趣,想要自己设置指定的屏保界面,那么这时我们需要如何操作呢?其实方法很简单,我们只需 ...
三步为你的 Mac 设置黑客帝国矩阵屏保
mghio 读完需要 6.66 分钟速读仅需 1 分钟相信看过「黑客帝国」的朋友一定对贯穿全剧的矩阵代码瀑布(Matrix digital rain)印象很深刻,本文分享一种方法,只要三步就可以在 ...
安装屏保软件（Linux终端演示 “黑客帝国” 字母雨界面）和Linux修改管理员密码...
1.Linux修改管理员密码: 打开终端: 1. 重启 reboot 2.进入内核登陆系统点击e 3.进入系统救援界面,定位Linux16所在行,找到ro 后删除,在此位置添加一条命令: rw ini ...
安装屏保软件（Linux终端演示 “黑客帝国” 字母雨界面）和Linux修改管理员密码
1."黑客帝国" 字母雨: 1>.下载屏保软件: wget http://archive.ubuntu.com/ubuntu/pool/universe/c/cmatrix/ ...
Centos7.6 安装cmatrix黑客帝国代码屏保
想在自己的Linux上安装炫酷的屏保吗?cmatrix就可以帮你实现高大上的效果,而且只需要几步就可以完成,非常简单! 1.下载软件包:cmatrix-1.2a.tar.gz并上传到服务器下载地址: ...
安装黑客帝国字母雨屏保教程（让你的屏保更加炫酷）
1.上传文件这里是直接上传了文件的,所有就不演示了,有想要的可以私信作者 2.给文件赋予执行权限 chmod 700 cmatrix 3.执行文件 ./cmatrix 4.给屏保文件设置软链接(作用 ...
centos屏保“黑客帝国”
1 https://github.com/abishekvashok/cmatrix/releases 网址下载tar.gz包 2 链接:https://pan.baidu.com/s/1 ...
电脑所有程序里有不一样颜色_12个好玩的电脑屏保，让你成为别人眼中最靓的仔。...
Hello 大家好,这里是工具狂人.作为一个靠打字(哦不,搬砖)为生的新媒体小编,每天多数时候都是对着电脑屏幕,中途有时会拿起手机回复消息.查看短信.刷起微博.刷手机的时间一长,眼前的电脑会自动打开系 ...

❤The Matrix黑客帝国屏保！！！❤HTML实现及其傻瓜安装你值得拥有

❤The Matrix黑客帝国屏保！！！❤HTML实现及其傻瓜安装你值得拥有相关推荐

最新文章

热门文章