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

Обновить index.html

Browse Source
This commit is contained in:
svoboda200786 2025-10-31 12:09:47 +00:00
parent 22199e728b
commit e29f353876
1 changed files with 63 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

126
index.html
View File

@ -1,64 +1,64 @@
<!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"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" charset="utf-8">
<title>Тетрис | ООП на JS</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> <canvas id="game-board" width="309" height="619"></canvas>
<aside class="side-panel"> <aside class="side-panel">
<h1>ТЕТРИС</h1> <h1>ТЕТРИС</h1>
<div class="info-box"> <div class="info-box">
<span class="info-title">СЧЁТ</span> <span class="info-title">СЧЁТ</span>
<p id="score">0</p> <p id="score">0</p>
</div> </div>
<div class="info-box"> <div class="info-box">
<span class="info-title">ЛИНИИ</span> <span class="info-title">ЛИНИИ</span>
<p id="lines">0</p> <p id="lines">0</p>
</div> </div>
<div class="info-box"> <div class="info-box">
<span class="info-title">УРОВЕНЬ</span> <span class="info-title">УРОВЕНЬ</span>
<p id="level">1</p> <p id="level">1</p>
</div> </div>
<div class="info-box next-piece-container"> <div class="info-box next-piece-container">
<span class="info-title">СЛЕДУЮЩАЯ</span> <span class="info-title">СЛЕДУЮЩАЯ</span>
<canvas id="next-piece-board" width="185" height="185"></canvas> <canvas id="next-piece-board" width="185" height="185"></canvas>
</div> </div>
<button id="start-button" class="game-button">СТАРТ</button> <button id="start-button" class="game-button">СТАРТ</button>
</aside> </aside>
</div> </div>
<div id="game-overlay" class="hidden"> <div id="game-overlay" class="hidden">
<div id="game-modal"> <div id="game-modal">
<h2 id="modal-title"></h2> <h2 id="modal-title"></h2>
<p id="modal-text"></p> <p id="modal-text"></p>
<button id="modal-button" class="game-button">СТАРТ</button> <button id="modal-button" class="game-button">СТАРТ</button>
</div> </div>
</div> </div>
<script src="./js/utils.js"></script> <script src="./js/utils.js"></script>
<script src="./js/eventBus.js"></script> <script src="./js/eventBus.js"></script>
<script src="./js/inputHandler.js"></script> <script src="./js/inputHandler.js"></script>
<script src="./js/uiManager.js"></script> <script src="./js/uiManager.js"></script>
<script src="./js/grid.js"></script> <script src="./js/grid.js"></script>
<script src="./js/pieceFactory.js"></script> <script src="./js/pieceFactory.js"></script>
<script src="./js/renderer.js"></script> <script src="./js/renderer.js"></script>
<script src="./js/animationManager.js"></script> <script src="./js/animationManager.js"></script>
<script src="./js/game.js"></script> <script src="./js/game.js"></script>
<script src="./js/main.js"></script> <script src="./js/main.js"></script>
</body> </body>
</html> </html>