黑客帝国代码雨怎么弄?(最全,最简单,看完就会)

首先在桌面上创建一个文本文档
然后打开然后将下面的代码复制粘贴过去:

<!DOCTYPE html>
 <html> <head> <title>兴趣小组</title> </head> <body> <canvas id="canvas"></canvas> <style type="text/css">
body{margin: 0; padding: 0; overflow: hidden;}
</style> <script type="text/javascript">
var canvas = document.getElementById('canvas');
		var ctx = canvas.getContext('2d');


		canvas.height = window.innerHeight;
		canvas.width = window.innerWidth;

		var texts = '阿喆最帅'.split('');

		var fontSize = 16;
		var columns = canvas.width/fontSize;
		// 用于计算输出文字时坐标,所以长度即为列数
		var drops = [];
		//初始值
		for(var x = 0; x < columns; x++){
			drops[x] = 1;
		}

		function draw(){
			//让背景逐渐由透明到不透明
			ctx.fillStyle = 'rgba(0, 0, 0, 0.05)';
			ctx.fillRect(0, 0, canvas.width, canvas.height);
			//文字颜色
			ctx.fillStyle = '#0F0';
			ctx.font = fontSize + 'px arial';
			//逐行输出文字
			for(var i = 0; i < drops.length; i++){
				var text = texts[Math.floor(Math.random()*texts.length)];
				ctx.fillText(text, i*fontSize, drops[i]*fontSize);

				if(drops[i]*fontSize > canvas.height || Math.random() > 0.95){
					drops[i] = 0;
				}

				drops[i]++;
			}
		}
	setInterval(draw, 33);
</script> </body>
--------------------- 

然后保存文本文件,下一步打开我的电脑(win10打开计算机)在这里插入图片描述
**

在上面的查看点击进去然后对里面的文件拓展名打钩退出即可

**
在这里插入图片描述最后一步在你刚才桌面上的文本文档重命名并把后缀的.TXT改成.HTML即可上面会提示你什么拓展名什么的
不用管,点击是就可以打开了,打开就会出现你想要的
当然也可以将代码雨的内容进行更改,将你刚才粘贴的代码有一句话var texts = ‘阿喆最帅’.split(’’);
可以将双引号的内容随意更改在保存即可完成你想要的

  • 28
    点赞
  • 75
    收藏
    觉得还不错? 一键收藏
  • 12
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值