From 04c2dc2e9d36b3aca02bc8c072c0dccc2883085c Mon Sep 17 00:00:00 2001
From: svoboda200786 <svoboda200786@gmail.com>
Date: Sat, 1 Nov 2025 14:38:06 +0000
Subject: [PATCH] =?UTF-8?q?=D0=97=D0=B0=D0=B3=D1=80=D1=83=D0=B7=D0=B8?=
 =?UTF-8?q?=D1=82=D1=8C=20=D1=84=D0=B0=D0=B9=D0=BB=D1=8B=20=D0=B2=20=C2=AB?=
 =?UTF-8?q?/=C2=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 137 +++++++++++++++++++++++++++++------------------------
 1 file changed, 74 insertions(+), 63 deletions(-)
diff --git a/index.html b/index.html
index 5ac2e21..4c445a1 100644
--- a/index.html
+++ b/index.html
@@ -1,64 +1,75 @@
-<!DOCTYPE html>
-<html lang="ru">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" charset="utf-8">
-    <title>Тетрис на JS6</title>
-
-    <link rel="stylesheet" href="./css/style.css">
-
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
-</head>
-<body>
-
-<div class="tetris-wrapper">
-    <canvas id="game-board" width="309" height="619"></canvas>
-
-    <aside class="side-panel">
-        <h1>ТЕТРИС</h1>
-
-        <div class="info-box">
-            <span class="info-title">СЧЁТ</span>
-            <p id="score">0</p>
-        </div>
-
-        <div class="info-box">
-            <span class="info-title">ЛИНИИ</span>
-            <p id="lines">0</p>
-        </div>
-
-        <div class="info-box">
-            <span class="info-title">УРОВЕНЬ</span>
-            <p id="level">1</p>
-        </div>
-
-        <div class="info-box next-piece-container">
-            <span class="info-title">СЛЕДУЮЩАЯ</span>
-            <canvas id="next-piece-board" width="185" height="185"></canvas>
-        </div>
-
-        <button id="start-button" class="game-button">СТАРТ</button>
-    </aside>
-</div>
-
-<div id="game-overlay" class="hidden">
-    <div id="game-modal">
-        <h2 id="modal-title"></h2>
-        <p id="modal-text"></p>
-        <button id="modal-button" class="game-button">СТАРТ</button>
-    </div>
-</div>
-<script src="./js/utils.js"></script>
-<script src="./js/eventBus.js"></script>
-<script src="./js/inputHandler.js"></script>
-<script src="./js/uiManager.js"></script>
-<script src="./js/grid.js"></script>
-<script src="./js/pieceFactory.js"></script>
-<script src="./js/renderer.js"></script>
-<script src="./js/animationManager.js"></script>
-<script src="./js/game.js"></script>
-<script src="./js/main.js"></script>
-</body>
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Тетрис | ООП на JS</title>
+
+    <link rel="stylesheet" href="./css/style.css">
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
+</head>
+<body>
+
+<div class="tetris-wrapper">
+    <!-- Новый контейнер для поля и джойстика -->
+    <div id="game-area-container">
+        <canvas id="game-board" width="309" height="619"></canvas>
+
+        <!-- Джойстик для мобильных -->
+        <div id="joystick-controls">
+            <button class="joystick-btn" id="joystick-left">←</button>
+            <button class="joystick-btn" id="joystick-up">↻</button> <!-- ↻ - символ поворота -->
+            <button class="joystick-btn" id="joystick-down">↓</button>
+            <button class="joystick-btn" id="joystick-right">→</button>
+        </div>
+    </div>
+
+    <aside class="side-panel">
+        <h1>ТЕТРИС</h1>
+
+        <div class="info-box">
+            <span class="info-title">СЧЁТ</span>
+            <p id="score">0</p>
+        </div>
+
+        <div class="info-box">
+            <span class="info-title">ЛИНИИ</span>
+            <p id="lines">0</p>
+        </div>
+
+        <div class="info-box">
+            <span class="info-title">УРОВЕНЬ</span>
+            <p id="level">1</p>
+        </div>
+
+        <div class="info-box next-piece-container">
+            <span class="info-title">СЛЕДУЮЩАЯ</span>
+            <canvas id="next-piece-board" width="185" height="185"></canvas>
+        </div>
+
+        <button id="start-button" class="game-button">СТАРТ</button>
+    </aside>
+</div>
+
+<div id="game-overlay" class="hidden">
+    <div id="game-modal">
+        <h2 id="modal-title"></h2>
+        <p id="modal-text"></p>
+        <button id="modal-button" class="game-button">СТАРТ</button>
+    </div>
+</div>
+<script src="./js/utils.js"></script>
+<script src="./js/eventBus.js"></script>
+<script src="./js/inputHandler.js"></script>
+<script src="./js/uiManager.js"></script>
+<script src="./js/grid.js"></script>
+<script src="./js/pieceFactory.js"></script>
+<script src="./js/renderer.js"></script>
+<script src="./js/animationManager.js"></script>
+<script src="./js/game.js"></script>
+<script src="./js/main.js"></script>
+</body>
 </html>
\ No newline at end of file
