From 622b71b2baf32448f6e84a4ad4f1ecd4e1c3e487 Mon Sep 17 00:00:00 2001
From: root <pticoop@yandex.com>
Date: Tue, 11 Nov 2025 14:54:32 +0300
Subject: [PATCH] Added pinpong.html

---
 .DS_Store     | Bin 6148 -> 6148 bytes
 pingpong.html |  97 ++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 97 insertions(+)
 create mode 100644 pingpong.html
diff --git a/.DS_Store b/.DS_Store
index 2c66a278b79fd659ec49e9e9618694db8f16db53..62a740a89650a543b10291d39e5456174055f527 100644
GIT binary patch
delta 70
zcmZoMXffDe&ce8JvIR?_hGccMsj<0^f}xRlt&T#qp@F4=j)JMFS#2#Rhp4i?bx?eE
aPHtX)_v8yK@{B#3Kd^`~Z)WHC%MSp-<`l00

delta 69
zcmZoMXffDe&ce83vIR?_x<qxgk(rT>f|+rxjzYDefu(_tf~l!lZ7nB<sItCwP<(by
ZZeD)Z<clowjNO|*vWPKnX5;wB4*;;66m|dr

diff --git a/pingpong.html b/pingpong.html
new file mode 100644
index 0000000..3b308c0
--- /dev/null
+++ b/pingpong.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <title>Simple Paddle Game</title>
+  <style>
+    body {
+      margin: 0;
+      background: #222;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      height: 100vh;
+      overflow: hidden;
+    }
+    #game {
+      position: relative;
+      width: 400px;
+      height: 300px;
+      border: 2px solid white;
+      background: #000;
+    }
+    #paddle {
+      position: absolute;
+      bottom: 10px;
+      left: 175px;
+      width: 50px;
+      height: 10px;
+      background: white;
+    }
+    #ball {
+      position: absolute;
+      width: 10px;
+      height: 10px;
+      background: red;
+      border-radius: 50%;
+    }
+  </style>
+</head>
+<body>
+
+<div id="game">
+  <div id="paddle"></div>
+  <div id="ball"></div>
+</div>
+
+<script>
+  const game = document.getElementById('game');
+  const paddle = document.getElementById('paddle');
+  const ball = document.getElementById('ball');
+
+  let paddleX = 175;
+  let ballX = 200, ballY = 100;
+  let ballSpeedX = 2, ballSpeedY = 2;
+
+  // Move paddle with mouse
+  game.addEventListener('mousemove', (e) => {
+    const rect = game.getBoundingClientRect();
+    paddleX = e.clientX - rect.left - 25;
+    // Keep paddle inside game area
+    if (paddleX < 0) paddleX = 0;
+    if (paddleX > 350) paddleX = 350;
+    paddle.style.left = paddleX + 'px';
+  });
+
+  // Game loop
+  setInterval(() => {
+    // Move ball
+    ballX += ballSpeedX;
+    ballY += ballSpeedY;
+
+    // Bounce off left/right walls
+    if (ballX <= 0 || ballX >= 390) ballSpeedX = -ballSpeedX;
+    // Bounce off top
+    if (ballY <= 0) ballSpeedY = -ballSpeedY;
+    // Bounce off paddle
+    if (
+      ballY >= 280 &&
+      ballX >= paddleX &&
+      ballX <= paddleX + 50
+    ) {
+      ballSpeedY = -ballSpeedY;
+    }
+    // Reset if ball falls
+    if (ballY > 300) {
+      ballX = 200;
+      ballY = 100;
+      ballSpeedY = 2;
+    }
+
+    ball.style.left = ballX + 'px';
+    ball.style.top = ballY + 'px';
+  }, 20);
+</script>
+
+</body>
+</html>
\ No newline at end of file
