Antigravity/ai-qpid-pvz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(plants): Plant purchase system in Dave's Shop & pre-battle deck selection screen

Browse Source
This commit is contained in:
Antigravity
2026-09-17 10:30:57 +00:00
parent 4e450d758b
commit 84c28addfe
7 changed files with 889 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files
game/index.html
+69 -17
View File
@@ -58,6 +58,7 @@
</div>
<div class="drawer-body">
<button id="btn-drawer-main-screen" class="drawer-item">🏠 Главный экран (Режимы)</button>
<button id="btn-drawer-inventory" class="drawer-item">🎒 Выбор растений / Инвентарь</button>
<button id="btn-drawer-campaign" class="drawer-item">🗺️ Карта Кампании (25 уровней)</button>
<button id="btn-drawer-workshop" class="drawer-item">🧪 Сад-Мастерская (Крафт и перки)</button>
<button id="btn-drawer-zengarden" class="drawer-item">🪴 Дзен-Сад (Пассивный доход)</button>
@@ -104,6 +105,7 @@
<!-- Secondary Activities Row -->
<div class="start-activities-grid">
<button id="btn-inventory-start" class="btn btn-inventory btn-act">🎒 Выбор растений (Колода)</button>
<button id="btn-shop" class="btn btn-shop btn-act">🏪 Магазин Дэйва</button>
<button id="btn-workshop-start" class="btn btn-workshop btn-act">🧪 Сад-Мастерская</button>
<button id="btn-zengarden-start" class="btn btn-zengarden btn-act">🪴 Дзен-Сад</button>
@@ -121,28 +123,78 @@
<!-- Crazy Dave's Shop Modal -->
<div id="shop-modal" class="overlay hidden">
<div class="banner-card shop-card">
<h1 style="color: #ffa000;">МАГАЗИН БЕЗУМНОГО ДЭЙВА</h1>
<div id="shop-coins" style="font-size: 18px; color: #ffd54f; font-weight: bold; margin-bottom: 16px;">💰 Монеты: 0</div>
<h1 style="color: #ffa000; font-size: 24px; margin-bottom: 4px;">МАГАЗИН БЕЗУМНОГО ДЭЙВА</h1>
<div id="shop-coins" style="font-size: 18px; color: #ffd54f; font-weight: bold; margin-bottom: 12px;">💰 Монеты: 0</div>
<div class="shop-items">
<div class="shop-item">
<div class="shop-item-info">
<h3>+1 Слот под семена</h3>
<p>Разблокирует 6-й слот для пакета растений в колоде.</p>
</div>
<button id="btn-buy-slot" class="btn-buy">Купить (500 💰)</button>
</div>
<!-- Shop Category Tabs -->
<div class="shop-tabs">
<button type="button" id="tab-shop-plants" class="shop-tab active">🌱 Растения</button>
<button type="button" id="tab-shop-upgrades" class="shop-tab">🛠️ Улучшения сада</button>
</div>
<div class="shop-item">
<div class="shop-item-info">
<h3>Садовые грабли</h3>
<p>Автоматически уничтожают первого зомби на газоне в каждом раунде.</p>
</div>
<button id="btn-buy-rake" class="btn-buy">Купить (150 💰)</button>
<!-- Tab 1: Plants Nursery Grid -->
<div id="shop-plants-panel" class="shop-tab-panel">
<div id="shop-plants-grid" class="shop-plants-grid">
<!-- Dynamically populated from PLANT_CATALOGUE -->
</div>
</div>
<button id="btn-close-shop" class="btn" style="margin-top: 18px;">НАЗАД</button>
<!-- Tab 2: Garden Upgrades (Slots, Rake) -->
<div id="shop-upgrades-panel" class="shop-tab-panel hidden">
<div class="shop-items">
<div class="shop-item">
<div class="shop-item-info">
<h3>+1 Слот под семена</h3>
<p>Разблокирует 6-й слот для пакета растений в колоде.</p>
</div>
<button id="btn-buy-slot" class="btn-buy">Купить (500 💰)</button>
</div>
<div class="shop-item">
<div class="shop-item-info">
<h3>Садовые грабли</h3>
<p>Автоматически уничтожают первого зомби на газоне в каждом раунде.</p>
</div>
<button id="btn-buy-rake" class="btn-buy">Купить (150 💰)</button>
</div>
</div>
</div>
<button id="btn-close-shop" class="btn" style="margin-top: 16px;">НАЗАД</button>
</div>
</div>
<!-- Pre-Battle Seed Selection & Inventory Modal -->
<div id="seed-select-modal" class="overlay hidden">
<div class="banner-card seed-select-card">
<h1 style="color: #69f0ae; font-size: 24px; margin-bottom: 4px;">🌱 ВЫБОР РАСТЕНИЙ ДЛЯ БОЯ</h1>
<p style="font-size: 13px; color: #cfd8dc; margin-bottom: 12px;">
Соберите свою колоду для защиты газона. Нажмите на растение для добавления или удаления из слота.
</p>
<!-- Active Deck Bar -->
<div class="seed-select-section-title">
<span>ВЫБРАННАЯ КОЛОДА (<span id="seed-deck-count">0</span> / <span id="seed-deck-max">5</span>)</span>
<button type="button" id="btn-seed-auto-fill" class="btn btn-secondary btn-sm" style="font-size: 11px; padding: 4px 10px;">⚡ Быстрый выбор</button>
</div>
<div id="seed-active-deck" class="seed-deck-bar">
<!-- Dynamically populated -->
</div>
<!-- Inventory Grid -->
<div class="seed-select-section-title" style="margin-top: 10px;">
<span>ИНВЕНТАРЬ РАСТЕНИЙ</span>
<button type="button" id="btn-seed-open-shop" class="btn btn-shop btn-sm" style="font-size: 11px; padding: 4px 10px;">🏪 Купить семена в магазине</button>
</div>
<div id="seed-inventory-grid" class="seed-inventory-grid">
<!-- Dynamically populated -->
</div>
<!-- Actions -->
<div class="seed-select-actions">
<button type="button" id="btn-seed-start-battle" class="btn btn-hero" style="background: linear-gradient(135deg, #2e7d32, #43a047); font-size: 16px; padding: 10px 28px;">⚔️ В БОЙ!</button>
<button type="button" id="btn-seed-cancel" class="btn btn-secondary">Отмена</button>
</div>
</div>
</div>