会飞的鱼

教你两步生成“黑客帝国”代码雨,做全班最靓的仔

在学校除了写作业还是写作业,全班最高科技的物件应该就属电脑了,那如何在班里炫耀一下自己的电脑技术能力呢?“黑客帝国”代码雨,教你两步生成,做全班最靓的仔!

第一步:新建一个txt文本档案

第二步:打开记事本,在笔记本内复制粘贴/输入代码保存并关闭记事本:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<style type="text/css">

canvas{

display: block;

}

</style>

</head>

<body>

<canvas id="canvas"></canvas>

<script>

function $(id){

return document.getElementById(id);

}

var mywindow=window.screen;

var canvas=$("canvas");

canvas.width=mywindow.width;

canvas.height=mywindow.height;

var str="0123456789";

str=str.split("");

var fontSize=16;

var cols=canvas.width/fontSize;

var drops=[];

for(var i=0;i<cols;i++){

drops=1;

}

var ctx=canvas.getContext("2d");

function draw(){

ctx.fillStyle="rgba(0,0,0,0.05)";

ctx.fillRect(0,0,canvas.width,canvas.height);

ctx.fillStyle="green";

ctx.font=fontSize+"px arial";

for(var i=0;i<cols;i++){

var text=str[ Math.floor( Math.random() * (str.length) ) ];

// console.info("x-"+i*fontSize);

// console.info("y-"+drops*fontSize);

ctx.fillText(text,i*fontSize,drops*fontSize);

if(drops*fontSize > canvas.height || Math.random() > 0.95)

drops = 0;

drops++;

}

}

setInterval(draw,33);

</script>

</body>

</html>

第三步:重命名txt文本后缀为html

第四步:双击运行,即可实现“黑客帝国”代码雨效果,剩下的就等着同学们的欢呼和女同学们的尖叫吧!

好了,今天的分享就到这里,如果你对电脑装机、系统重装感兴趣,可以进入小编主页,小编这里都有哦!



版权所有,转载注意明处:九麦网 » 教你两步生成“黑客帝国”代码雨,做全班最靓的仔

发表评论

表情

网友评论(1)

尝试了,挺高大上的。
东莞SEO 7个月前 (2019-09-20) 回复
sitemap