From 0c07e1c012c9e321a97dbe822dfe3848b60c282d Mon Sep 17 00:00:00 2001
From: Lx-Joker2 <hzh_050205@qq.com>
Date: Thu, 29 May 2025 15:25:53 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E4=B8=8B=E9=9B=A8=E7=89=B9?=
 =?UTF-8?q?=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 "\344\270\213\351\233\250.html" | 65 +++++++++++++++++++++++++++++++++
 1 file changed, 65 insertions(+)
 create mode 100644 "\344\270\213\351\233\250.html"
diff --git "a/\344\270\213\351\233\250.html" "b/\344\270\213\351\233\250.html"
new file mode 100644
index 0000000..a592130
--- /dev/null
+++ "b/\344\270\213\351\233\250.html"
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>下雨</title>
+    <style>
+        body {
+            background-color: black;
+            overflow: hidden;
+        }
+    </style>
+</head>
+
+<body>
+    <canvas></canvas>
+    <script>
+        const cvs = document.querySelector('canvas');
+        const ctx = cvs.getContext('2d');
+        let rains = [];
+        const count = 1000;
+        initCvs();
+        window.addEventListener('resize', () => initCvs());
+        addRain();
+        render();
+        function addRain() {
+            while (rains.length < count) {
+                const length = Math.random() * 30 + 10;
+                rains.push({
+                    x: Math.random() * cvs.width,
+                    y: -length - Math.random() * cvs.height,
+                    length,
+                    speed: Math.random() * 15 + 15
+                });
+            }
+            requestAnimationFrame(addRain);
+        }
+
+        function render() {
+            if (rains.length > 0) {
+                ctx.clearRect(0, 0, cvs.width, cvs.height);
+                rains.forEach((v, i) => {
+                    if (v.y > cvs.height)
+                        rains.splice(i, 1);
+                    ctx.beginPath();
+                    ctx.moveTo(v.x, v.y);
+                    ctx.lineTo(v.x, v.y + v.length);
+                    ctx.stroke();
+                    ctx.closePath();
+                    v.y += v.speed;
+                });
+            }
+            rainAnimation = requestAnimationFrame(render);
+        }
+
+        function initCvs() {
+            cvs.width = window.innerWidth;
+            cvs.height = window.innerHeight;
+            ctx.strokeStyle = '#fff';
+        }
+    </script>
+</body>
+
+</html>
\ No newline at end of file
