黑客帝国代码雨!!!

yy13736

已于 2024-09-01 18:20:22 修改

阅读量119

点赞数 2

文章标签：青少年编程

于 2024-09-01 17:55:23 首次发布

本文链接：https://blog.csdn.net/yy13736/article/details/141787292

版权

大家好，今天给大家带来一个黑客帝国代码雨

首先在桌面新建记事本，在记事本中输入以下代码。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <title>黑客帝国代码雨</title>
    <style type="text/css">
        * {margin:0; padding:0;}
        body {background:black;}
        canvas {display:block;}
    </style>  
</head>  
<body>  
    <canvas id="c"></canvas>
    <script type="text/javascript">  
        var c = document.getElementById("c");
        var ctx = c.getContext("2d");
        c.height = window.innerHeight;
        c.width = window.innerWidth;
  
        var chinese = "010110";
        chinese = chinese.split("");
        var font_size = 10; 
        var columns = c.width / font_size;
        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, c.width, c.height);
            ctx.fillStyle = "#0F0";  
            ctx.font = font_size + "px arial";
            for (var i = 0; i < drops.length; i++) {  
                var text = chinese[Math.floor(Math.random() * chinese.length)];
                ctx.fillText(text, i * font_size, drops[i] * font_size);
                if (drops[i] * font_size > c.height && Math.random() > 0.975) {  
                    drops[i] = 0;  
                }  
                drops[i]++;
            }  
        }  
  
        setInterval(draw, 60);
        window.onresize = function() {  
            c.height = window.innerHeight;  
            c.width = window.innerWidth;  
            columns = c.width / font_size;  
            drops = [];  
            for (var x = 0; x < columns; x++) {  
                drops[x] = 1;  
            }  
        };  
    </script>  
</body>  
</html>

并另存为xxx.html

具体就是这样: