83 lines
2.8 KiB
HTML
83 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
<title>GrechkaCraft: Multiplayer</title>
|
|
<!-- Socket.io Client -->
|
|
<script src="https://cdn.socket.io/4.7.4/socket.io.min.js"></script>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div id="game">
|
|
<canvas id="c"></canvas>
|
|
|
|
<div class="ui">
|
|
<div id="stats">
|
|
<div class="row">❤️ <span id="hp">100</span> 🍗 <span id="food">100</span></div>
|
|
<div class="row">🫁 <span id="o2">100</span></div>
|
|
<div class="row">📍 X:<span id="sx">0</span> Y:<span id="sy">0</span></div>
|
|
<div class="row">🕒 <span id="tod">День</span></div>
|
|
<div class="row">🌐 <span id="worldId" style="cursor:pointer; text-decoration:underline;" title="Нажмите, чтобы скопировать ссылку">default</span></div>
|
|
<div class="row" id="multiplayerStatus" style="display:none;">👥 <span id="playerCount">0</span></div>
|
|
</div>
|
|
|
|
<div id="modeBtn" class="rbtn pe">🏃</div>
|
|
<div id="saveBtn" class="rbtn pe">💾</div>
|
|
<div id="craftBtn" class="rbtn pe">🔨</div>
|
|
<div id="resetBtn" class="rbtn pe">🔄</div>
|
|
|
|
<div id="chatToggle" class="rbtn pe">💬</div>
|
|
<div id="invToggle" class="rbtn pe">📦</div>
|
|
<div id="hotbar" class="pe"></div>
|
|
</div>
|
|
|
|
<div id="controls">
|
|
<div id="left" class="btn pe">⬅️</div>
|
|
<div id="jump" class="btn pe">⬆️</div>
|
|
<div id="down" class="btn pe">⬇️</div>
|
|
<div id="right" class="btn pe">➡️</div>
|
|
</div>
|
|
|
|
|
|
<div id="craftPanel" class="panel" style="display:none;">
|
|
<div class="panel-header">
|
|
<span>Крафт</span>
|
|
<span id="craftClose" class="close" style="cursor:pointer;">✕</span>
|
|
</div>
|
|
<div id="recipes"></div>
|
|
</div>
|
|
|
|
<div id="inventoryPanel" class="panel" style="display:none;">
|
|
<div class="panel-header">
|
|
<span>Инвентарь</span>
|
|
<span id="inventoryClose" class="close" style="cursor:pointer;">✕</span>
|
|
</div>
|
|
<div id="inventoryGrid"></div>
|
|
</div>
|
|
|
|
<div id="chatPanel" class="panel" style="display:none;">
|
|
<div class="panel-header">
|
|
<span>Чат</span>
|
|
<span id="chatClose" class="close" style="cursor:pointer;">✕</span>
|
|
</div>
|
|
<div id="chatMessages"></div>
|
|
<div class="chat-input">
|
|
<input type="text" id="chatInput" placeholder="Введите сообщение...">
|
|
<button id="chatSend">Отправить</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="death" class="death-screen" style="display:none;">
|
|
<div class="death-content">
|
|
<h1>💀 Вы погибли!</h1>
|
|
<button id="respawnBtn" class="respawn-btn">Возродиться</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="game.js"></script>
|
|
</body>
|
|
</html>
|