svoboda200786/tetris
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Загрузить файлы в «/»

Browse Source
This commit is contained in:
svoboda200786 2025-11-01 14:38:06 +00:00
parent 06ac4e1417
commit 04c2dc2e9d
1 changed files with 74 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

137
index.html
View File

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