isoshooter / index.html
murapolo's picture
Upload 3 files
8062c1f verified
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ковбои Удачи</title>
<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=Merriweather:ital,wght@0,400;0,700;1,400&family=Rye&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="game-container">
<h1>Ковбои Удачи</h1>
<!-- Постоянно видимая информация -->
<div id="status-bar">
<div>Деньги: $<span id="money">100</span></div>
<div>
Общие Характеристики Отряда:
<span id="squad-stats">Сила: 0, Ловкость: 0, Меткость: 0, Харизма: 0</span>
</div>
<div>Снаряжение: <span id="equipment-summary">Ничего</span></div>
</div>
<!-- Основная игровая область -->
<div id="main-content">
<!-- Сюда будет загружаться контент разных фаз игры -->
<div id="phase-hire">
<h2>Нанять Ковбоев</h2>
<ul id="hire-list"></ul>
<button id="go-to-equipment-btn">Перейти к Снаряжению</button>
</div>
<div id="phase-equip" style="display: none;">
<h2>Купить Снаряжение</h2>
<ul id="shop-list"></ul>
<p>Ваш Отряд:</p>
<ul id="squad-manage-list"></ul>
<button id="go-to-plan-btn">Выбрать План</button>
</div>
<div id="phase-plan" style="display: none;">
<h2>Выбрать План Ограбления</h2>
<ul id="plan-list"></ul>
</div>
<div id="phase-robbery" style="display: none;">
<h2>Ограбление!</h2>
<div id="squad-health-display">
<!-- Здоровье отряда будет здесь -->
</div>
<div id="robbery-log">
<p id="event-description">Описание события...</p>
</div>
<div id="choices">
<!-- Варианты действий -->
</div>
<p id="roll-result-display" style="margin-top: 15px; font-weight: bold;"></p>
</div>
<div id="phase-results" style="display: none;">
<h2>Результаты Ограбления</h2>
<p id="result-message"></p>
<p>Получено опыта: <span id="xp-gained">0</span></p>
<button id="continue-game-btn">Продолжить с этим отрядом</button>
<button id="new-game-btn">Начать Новую Игру</button>
</div>
</div>
<div id="game-over" style="display: none; color: red; text-align: center;">
<h2>ИГРА ОКОНЧЕНА</h2>
<p>Весь ваш отряд погиб или был пойман.</p>
<button id="restart-game-btn">Начать Сначала</button>
</div>
</div>
<script src="script.js"></script>
</body>
</html>