69 lines
3.7 KiB
HTML
69 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||
<title>Галактическая Империя — настраиваемая скорость и ми111р</title>
|
||
</head>
|
||
|
||
|
||
|
||
<body>
|
||
<div>
|
||
<div class="game-container">
|
||
<canvas id="gameCanvas" width="1100" height="650" style="width:1100px;height:650px;"></canvas>
|
||
<div class="info-panel">
|
||
<div class="stats">
|
||
<div class="stat">🛸 КОРАБЛЬ: <span id="shipStatus">НА ОРБИТЕ</span></div>
|
||
<div class="stat">⚡ СКОРОСТЬ: <span id="speedVal">0</span> AU/s</div>
|
||
<div class="stat">💎 МЕТАЛЛ: <span id="metalCount">0</span> / <span id="metalCap">∞</span></div>
|
||
<div class="stat">🌫 ГАЗ: <span id="gasCount">0</span> / <span id="gasCap">∞</span></div>
|
||
<div class="stat">🔮 КРИСТАЛЛ: <span id="crystalCount">0</span> / <span id="crystalCap">∞</span>
|
||
</div>
|
||
</div>
|
||
<div class="action-group">
|
||
<button id="enterSystemBtn" style="background:#1f5940;">🚀 ВОЙТИ В СИСТЕМУ</button>
|
||
<button id="exitToGalaxyBtn" style="background:#2f4f6f;">🌌 ВЫЙТИ В ГАЛАКТИКУ</button>
|
||
<button id="mineBtn" style="background:#3a2a1f;">⛏ ДОБЫЧА</button>
|
||
</div>
|
||
<div class="status-msg" id="gameMsg">
|
||
▶ Кликните на систему, затем на планету в панели
|
||
</div>
|
||
</div>
|
||
<div id="systemInfoPanel" class="system-info" style="display: none;">
|
||
<h4 id="infoSysName">Система</h4>
|
||
<div id="planetListContainer" class="planet-list"></div>
|
||
<div style="margin-top: 6px; font-size:0.65rem;">✨ клик по планете — мгновенный телепорт на орбиту</div>
|
||
</div>
|
||
<div class="settings-panel">
|
||
<div class="setting-item">
|
||
<label>⚡Макс.скорость</label>
|
||
<input type="range" id="speedSlider" min="200" max="1200" step="10" value="520">
|
||
<span id="speedValue" class="setting-value">520</span>
|
||
</div>
|
||
<div class="setting-item">
|
||
<label>📦Вместимость</label>
|
||
<input type="range" id="capacitySlider" min="100" max="2000" step="50" value="800">
|
||
<span id="capacityValue" class="setting-value">800</span>
|
||
</div>
|
||
<div class="setting-item">
|
||
<label>🪐Кол-во систем</label>
|
||
<input type="range" id="systemsCountSlider" min="5" max="18" step="1" value="10">
|
||
<span id="systemsCountValue" class="setting-value">10</span>
|
||
<button id="regenerateWorldBtn" class="small-btn">🌍 Обновить мир</button>
|
||
</div>
|
||
<div class="setting-item">
|
||
<label>🌍Планет в системе</label>
|
||
<input type="range" id="planetCountSlider" min="2" max="8" step="1" value="4">
|
||
<span id="planetCountValue" class="setting-value">4</span>
|
||
<button id="updatePlanetsBtn" class="small-btn">🔄 Обновить планеты</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="n.ts"></script>
|
||
</body>
|
||
|
||
</html> |