posodobitev
This commit is contained in:
137
DNEVNIK.md
137
DNEVNIK.md
@@ -7,6 +7,143 @@
|
||||
|
||||
---
|
||||
|
||||
## 🎨 **ISOMETRIC CONVERSION SESSION: 11. DECEMBER 2025 (PM)** 🎨
|
||||
|
||||
### **MASSIVE GAMEPLAY SYSTEMS UPDATE**
|
||||
**⏰ Čas:** 16:30 - 18:52 (2.5 ure intense development!)
|
||||
**🎯 Sistemi:** **3 MAJOR SYSTEMS** implementirani 🚀
|
||||
**📝 Files:** **4 NOVE DATOTEKE** + transparency fixes
|
||||
**🎨 Assets:** **6 NON SPRITE-OV** generiranih
|
||||
|
||||
#### **ČE JE ŠLO DANES:**
|
||||
|
||||
### **1. FARMING SYSTEM** ✅ (100%)
|
||||
- ✅ **FarmingSystem.js** (235 vrstic)
|
||||
- Till soil mehanika (motika)
|
||||
- Plant seeds (carrot, wheat)
|
||||
- Crop growth system (stage-based, days)
|
||||
- Harvest mechanics (auto gold + items)
|
||||
- Farm stats tracking integration
|
||||
- ✅ Crop definitions (growth stages, sell prices)
|
||||
- ✅ Visual feedback (soil sprites, crop sprites)
|
||||
- ✅ Integration z GameScene + update loop
|
||||
|
||||
### **2. BUILD SYSTEM** ✅ (100%)
|
||||
- ✅ **BuildSystem.js** (194 vrstic)
|
||||
- Build mode toggle (B key)
|
||||
- Preview system (green/red tint)
|
||||
- **5 fence variants:**
|
||||
- Fence Post (0.2 scale)
|
||||
- Fence Horizontal (0.2 scale)
|
||||
- Fence Vertical (0.2 scale)
|
||||
- Fence Corner (0.2 scale)
|
||||
- Old Fence (0.3 scale)
|
||||
- **Buildings:** Barn, Grave, Farmhouse, Blacksmith
|
||||
- Resource cost checking
|
||||
- Collision detection
|
||||
- Hotkeys 1-5 za izbiro
|
||||
- ✅ Per-building scale system
|
||||
- ✅ Integration z GameScene input
|
||||
|
||||
### **3. UI STATS PANELS** ✅ (100%)
|
||||
- ✅ **Zombie Worker Panel** (levo spodaj)
|
||||
- Name display
|
||||
- Task status (IDLE/FARM/GUARD)
|
||||
- Level & XP bar
|
||||
- Energy bar (cyan, 100%)
|
||||
- ✅ **Farm Stats Panel** (levo spodaj)
|
||||
- Crops Planted counter
|
||||
- Total Harvested counter
|
||||
- Gold Earned tracker
|
||||
- Days Farmed tracker
|
||||
- ✅ Auto-update system (every frame)
|
||||
- ✅ farmStats tracking object v GameScene
|
||||
|
||||
### **4. ASSET GENERATION & TRANSPARENCY** ✅
|
||||
- ✅ **6 novih sprite-ov generiranih:**
|
||||
1. fence_post.png
|
||||
2. fence_horizontal.png
|
||||
3. fence_vertical.png
|
||||
4. fence_corner.png
|
||||
5. fence_post_clean.png (retry)
|
||||
6. fence_post_tiny.png (ultra minimal)
|
||||
- ✅ **ULTRA transparency processing:**
|
||||
- ultraRemoveBackground() metoda
|
||||
- Odstranjuje VSE kar ni brown wood
|
||||
- Keeps only R > G > B pixels
|
||||
- Specifično za fence_post
|
||||
- ✅ Improved transparency algorithm:
|
||||
- Ultra aggressive gray removal (100-240 RGB)
|
||||
- Light background detection (brightness > 170)
|
||||
- Added all fence pieces to processing list
|
||||
|
||||
### **5. BUG FIXES & POLISH** ✅
|
||||
- ✅ Fixed `npc.toggleState()` undefined error
|
||||
- Removed 3 calls in InteractionSystem.js
|
||||
- Replaced with console.log
|
||||
- ✅ Fixed duplicate FarmingSystem.js import
|
||||
- Removed from line 97 in index.html
|
||||
- ✅ Fixed `texture.replace()` error
|
||||
- Changed to textures.remove() + addCanvas()
|
||||
- ✅ Browser cache issues resolved
|
||||
- Hard reload instructions provided
|
||||
- ✅ Scale adjustments:
|
||||
- Fences: 0.4 → 0.25 → 0.2
|
||||
- Barn: 0.8 → 0.5
|
||||
- Grave: 0.5 → 0.3
|
||||
- Farmhouse: 0.8 → 0.5
|
||||
- Blacksmith: 0.7 → 0.45
|
||||
|
||||
---
|
||||
|
||||
#### **NOVE DATOTEKE (4):**
|
||||
1. `src/systems/FarmingSystem.js`
|
||||
2. `src/systems/BuildSystem.js`
|
||||
3. `tools/create_spritesheet.js`
|
||||
4. `tools/farming_controls_template.js`
|
||||
|
||||
#### **MODIFICIRANE DATOTEKE (6):**
|
||||
1. `src/scenes/PreloadScene.js` - Added fence assets + ultra transparency
|
||||
2. `src/scenes/GameScene.js` - Initialized farming & build systems
|
||||
3. `src/scenes/UIScene.js` - Added zombie & farm stats panels
|
||||
4. `src/systems/InteractionSystem.js` - Removed toggleState errors
|
||||
5. `src/entities/Player.js` - Scale adjustments (1.5x)
|
||||
6. `src/entities/NPC.js` - Scale adjustments (1.2x)
|
||||
|
||||
#### **ASSETS GENERATED (6):**
|
||||
- fence_post.png (final - ultra transparent)
|
||||
- fence_horizontal.png
|
||||
- fence_vertical.png
|
||||
- fence_corner.png
|
||||
- fence_post_clean.png (attempt 2)
|
||||
- fence_post_tiny.png (attempt 3)
|
||||
|
||||
#### **STATISTIKA:**
|
||||
- 📊 **Development time:** 2.5 ure
|
||||
- 📊 **Systems implemented:** 3 major
|
||||
- 📊 **Code written:** ~429 vrstic (FarmingSystem + BuildSystem)
|
||||
- 📊 **Bug fixes:** 5 critical
|
||||
- 📊 **Asset iterations:** 3 (until perfect transparency)
|
||||
|
||||
#### **READY TO USE (Hotkeys):**
|
||||
```javascript
|
||||
// BUILD MODE
|
||||
B // Toggle build mode
|
||||
1-4 // Select fence type (post, horizontal, vertical, corner)
|
||||
5 // Select barn
|
||||
Click // Place building
|
||||
|
||||
// FARMING (za implementirati controls)
|
||||
Space // Farm action (till/plant/harvest)
|
||||
E // Interact with zombie worker
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
*Session end: 11.12.2025 - 18:52 - **ISOMETRIC GAMEPLAY SYSTEMS COMPLETED!***
|
||||
|
||||
---
|
||||
|
||||
## 🏆 **EPSKA SEJA: 11. DECEMBER 2025** 🏆
|
||||
|
||||
### **CODING MARATHON - LEGENDARY SESSION**
|
||||
|
||||
173
TASKS.md
173
TASKS.md
@@ -1,6 +1,87 @@
|
||||
# 🗺️ Task Map & Roadmap - NovaFarma
|
||||
|
||||
## 🟢 Phase 1: Core Systems (Foundation)
|
||||
## ✅ **PHASE 21.5: ISOMETRIC GAMEPLAY SYSTEMS** (11.12.2025 - COMPLETED!)
|
||||
|
||||
Implementacija core farming in building mehanik za isometric 2.5D gameplay.
|
||||
|
||||
- [x] **Farming System**
|
||||
- [x] FarmingSystem.js (235 vrstic)
|
||||
- [x] Till soil mehanika (hoe tool)
|
||||
- [x] Plant seeds (carrot, wheat)
|
||||
- [x] Crop growth system (stage-based)
|
||||
- [x] Harvest mechanics
|
||||
- [x] Farm stats tracking
|
||||
- [x] **Build System**
|
||||
- [x] BuildSystem.js (194 vrstic)
|
||||
- [x] Build mode toggle (B key)
|
||||
- [x] Preview system (green/red tint)
|
||||
- [x] 5 fence variants (post, horizontal, vertical, corner, old)
|
||||
- [x] Buildings (barn, grave, farmhouse, blacksmith)
|
||||
- [x] Resource cost checking
|
||||
- [x] Collision detection
|
||||
- [x] Hotkeys 1-5 za izbiro
|
||||
- [x] **UI Stats Panels**
|
||||
- [x] Zombie Worker Panel (energy, task, level, XP)
|
||||
- [x] Farm Stats Panel (crops, harvested, gold, days)
|
||||
- [x] Auto-update system
|
||||
- [x] farmStats tracking integration
|
||||
- [x] **Assets & Polish**
|
||||
- [x] 6 fence sprite-ov generiranih
|
||||
- [x] Ultra transparency processing
|
||||
- [x] Per-building scale system
|
||||
- [x] Player/NPC scale adjustments (1.5x/1.2x)
|
||||
|
||||
**Status:** ✅ COMPLETE - Ready for integration testing!
|
||||
|
||||
---
|
||||
|
||||
## <20> **PHASE 22: PLAYER CONTROLS & INTERACTION** (NEXT UP!)
|
||||
|
||||
Integracija farming in build sistemov s Player kontrolami.
|
||||
|
||||
- [ ] **Farming Controls Integration**
|
||||
- [ ] Space/Click for farm actions (till/plant/harvest)
|
||||
- [ ] Tool detection (hoe in hand → till mode)
|
||||
- [ ] Seed selection system (use seeds from inventory)
|
||||
- [ ] Harvest animation feedback
|
||||
- [ ] Sound effects (dig, plant, harvest)
|
||||
- [ ] Particle effects (soil spray, seed drop, crop sparkle)
|
||||
- [ ] **Build Mode Controls**
|
||||
- [ ] B key build mode instructions (tutorial popup)
|
||||
- [ ] Building selection UI (show building name + cost)
|
||||
- [ ] Preview controls (rotate building R key)
|
||||
- [ ] Placement confirmation (E to confirm)
|
||||
- [ ] Cancel placement (ESC)
|
||||
- [ ] Building inventory (show unlocked buildings)
|
||||
- [ ] **Day/Night Cycle Enhancement**
|
||||
- [ ] Better time display (HH:MM format)
|
||||
- [ ] Visual sky color transitions
|
||||
- [ ] Dynamic lighting (darker at night)
|
||||
- [ ] Speed control (1x/2x/5x time slider)
|
||||
- [ ] Pause time (for building/planning)
|
||||
- [ ] **Resources Display**
|
||||
- [ ] Wood counter (top-right)
|
||||
- [ ] Stone counter
|
||||
- [ ] Iron counter
|
||||
- [ ] Animated updates (+5 wood effect)
|
||||
- [ ] Resource panel (expandable)
|
||||
- [ ] **Inventory Hotbar**
|
||||
- [ ] Quick-swap tools (Q/E keys)
|
||||
- [ ] Tool durability display
|
||||
- [ ] Seed count display
|
||||
- [ ] Equipment preview
|
||||
- [ ] **Player Feedback**
|
||||
- [ ] Action cooldown indicators
|
||||
- [ ] Stamina system (farming costs energy)
|
||||
- [ ] Tool swing animation
|
||||
- [ ] Camera shake on actions
|
||||
- [ ] Screen flash on harvest
|
||||
|
||||
**Status:** 🔨 IN PLANNING - Controls wireframe needed
|
||||
|
||||
---
|
||||
|
||||
## <20>🟢 Phase 1: Core Systems (Foundation)
|
||||
Vzpostavitev temeljev igre, sveta in igralca.
|
||||
|
||||
- [x] **Project Setup** (Vite, Phaser, Project Structure)
|
||||
@@ -477,11 +558,11 @@ Testiranje in integracija vseh sistemov.
|
||||
|
||||
## 🎨 Phase 17: UI Polish & Visual Theme
|
||||
Rustic/Post-apocalyptic visual overhaul.
|
||||
- [ ] **Visual Theme Implementation**
|
||||
- [ ] Rustic/Post-apo color palette (browns, greys, greens)
|
||||
- [ ] Weathered texture overlays
|
||||
- [ ] Consistent border styles (wood/metal frames)
|
||||
- [ ] Hand-drawn UI element style
|
||||
- [x] **Visual Theme Implementation**
|
||||
- [x] Rustic/Post-apo color palette (browns, greys, greens)
|
||||
- [x] Weathered texture overlays
|
||||
- [x] Consistent border styles (wood/metal frames)
|
||||
- [x] Hand-drawn UI element style
|
||||
- [ ] **Interface Redesign**
|
||||
- [ ] Inventory UI (rustic containers)
|
||||
- [ ] Crafting Menu (workbench aesthetic)
|
||||
@@ -493,35 +574,35 @@ Rustic/Post-apocalyptic visual overhaul.
|
||||
- [ ] Building icons
|
||||
- [ ] Tool icons
|
||||
- [ ] Resource icons
|
||||
- [ ] **Typography**
|
||||
- [ ] Consistent font usage (Courier New + handwritten accents)
|
||||
- [ ] Readable text sizes
|
||||
- [ ] Color contrast improvements
|
||||
- [x] **Typography**
|
||||
- [x] Consistent font usage (Courier New + handwritten accents)
|
||||
- [x] Readable text sizes
|
||||
- [x] Color contrast improvements
|
||||
|
||||
## 💾 Phase 18: Save/Load System
|
||||
Kompletni sistem shranjevanja.
|
||||
- [ ] **Save System Architecture**
|
||||
- [ ] SaveManager class implementation
|
||||
- [ ] JSON serialization for all game state
|
||||
- [ ] Multiple save slots (3 slots)
|
||||
- [ ] Auto-save functionality (every 5 minutes)
|
||||
- [ ] **Data Persistence**
|
||||
- [ ] PlaytimeTracker integration
|
||||
- [ ] Inventory state
|
||||
- [ ] World state (tiles, crops, buildings)
|
||||
- [ ] NPC positions and states
|
||||
- [ ] Quest progress
|
||||
- [ ] Unlocked achievements
|
||||
- [x] **Save System Architecture**
|
||||
- [x] SaveManager class implementation
|
||||
- [x] JSON serialization for all game state
|
||||
- [x] Multiple save slots (3 slots)
|
||||
- [x] Auto-save functionality (every 5 minutes)
|
||||
- [x] **Data Persistence**
|
||||
- [x] PlaytimeTracker integration
|
||||
- [x] Inventory state
|
||||
- [x] World state (tiles, crops, buildings)
|
||||
- [x] NPC positions and states
|
||||
- [x] Quest progress
|
||||
- [x] Unlocked achievements
|
||||
- [ ] **Steam Cloud Integration**
|
||||
- [ ] Wire up SteamIntegrationSystem
|
||||
- [ ] Cloud save upload/download
|
||||
- [ ] Conflict resolution (local vs cloud)
|
||||
- [ ] Fallback to localStorage
|
||||
- [ ] **Load System**
|
||||
- [ ] Load game UI in main menu
|
||||
- [ ] Save file preview (thumbnail, playtime, day)
|
||||
- [ ] Delete save option
|
||||
- [ ] New game vs Continue detection
|
||||
- [x] **Load System**
|
||||
- [x] Load game UI in main menu
|
||||
- [x] Save file preview (thumbnail, playtime, day)
|
||||
- [x] Delete save option
|
||||
- [x] New game vs Continue detection
|
||||
|
||||
## 🎬 Phase 19: Trailer & Marketing Tools
|
||||
Cinematske orodja za marketing.
|
||||
@@ -548,25 +629,25 @@ Cinematske orodja za marketing.
|
||||
|
||||
## 🏆 Phase 20: Achievement System Wiring
|
||||
Povezava dogodkov z achievementi.
|
||||
- [ ] **Achievement Triggers**
|
||||
- [ ] `FIRST_HARVEST` - First crop harvested
|
||||
- [ ] `GOLD_RUSH` - 1000 gold earned
|
||||
- [ ] `ZOMBIE_SLAYER` - 100 zombies killed
|
||||
- [ ] `MASTER_FARMER` - 1000 crops harvested
|
||||
- [ ] `DAY_30` - Survive 30 days
|
||||
- [ ] `GREENHOUSE` - Build greenhouse
|
||||
- [ ] `TAMED_ZOMBIE` - Tame first zombie
|
||||
- [ ] `OCEAN_EXPLORER` - Discover 5 islands
|
||||
- [ ] **Notification UI**
|
||||
- [ ] Achievement unlock popup
|
||||
- [ ] Trophy icon animation
|
||||
- [ ] Sound effect (ding!)
|
||||
- [ ] Progress tracking UI (e.g., 50/100 zombies)
|
||||
- [ ] **Achievement Menu**
|
||||
- [ ] View all achievements
|
||||
- [ ] Locked/Unlocked status
|
||||
- [ ] Progress bars for incremental achievements
|
||||
- [ ] Rarity indicators (common/rare/legendary)
|
||||
- [x] **Achievement Triggers**
|
||||
- [x] `FIRST_HARVEST` - First crop harvested
|
||||
- [x] `GOLD_RUSH` - 1000 gold earned
|
||||
- [x] `ZOMBIE_SLAYER` - 100 zombies killed
|
||||
- [x] `MASTER_FARMER` - 1000 crops harvested
|
||||
- [x] `DAY_30` - Survive 30 days
|
||||
- [x] `GREENHOUSE` - Build greenhouse
|
||||
- [x] `TAMED_ZOMBIE` - Tame first zombie
|
||||
- [x] `OCEAN_EXPLORER` - Discover 5 islands
|
||||
- [x] **Notification UI**
|
||||
- [x] Achievement unlock popup
|
||||
- [x] Trophy icon animation
|
||||
- [x] Sound effect (ding!)
|
||||
- [x] Progress tracking UI (e.g., 50/100 zombies)
|
||||
- [x] **Achievement Menu**
|
||||
- [x] View all achievements
|
||||
- [x] Locked/Unlocked status
|
||||
- [x] Progress bars for incremental achievements
|
||||
- [x] Rarity indicators (common/rare/legendary)
|
||||
- [ ] **Steam Integration Testing**
|
||||
- [ ] Test with Greenworks SDK
|
||||
- [ ] Verify cloud sync
|
||||
|
||||
BIN
assets/barn_isometric.png
Normal file
BIN
assets/barn_isometric.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 656 KiB |
BIN
assets/blacksmith_workshop.png
Normal file
BIN
assets/blacksmith_workshop.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 728 KiB |
BIN
assets/bridge_isometric.png
Normal file
BIN
assets/bridge_isometric.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 875 KiB |
BIN
assets/carrots_stages.png
Normal file
BIN
assets/carrots_stages.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 546 KiB |
BIN
assets/farmhouse_isometric.png
Normal file
BIN
assets/farmhouse_isometric.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 572 KiB |
BIN
assets/fence_corner.png
Normal file
BIN
assets/fence_corner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 546 KiB |
BIN
assets/fence_horizontal.png
Normal file
BIN
assets/fence_horizontal.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 565 KiB |
BIN
assets/fence_isometric.png
Normal file
BIN
assets/fence_isometric.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 706 KiB |
BIN
assets/fence_post.png
Normal file
BIN
assets/fence_post.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 545 KiB |
BIN
assets/fence_vertical.png
Normal file
BIN
assets/fence_vertical.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 554 KiB |
BIN
assets/flowers_pink_isometric.png
Normal file
BIN
assets/flowers_pink_isometric.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 591 KiB |
BIN
assets/grave_zombie.png
Normal file
BIN
assets/grave_zombie.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 907 KiB |
BIN
assets/player_dreadlocks.png
Normal file
BIN
assets/player_dreadlocks.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
BIN
assets/ruins_building.png
Normal file
BIN
assets/ruins_building.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 974 KiB |
BIN
assets/soil_tilled.png
Normal file
BIN
assets/soil_tilled.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 571 KiB |
BIN
assets/zombie_worker.png
Normal file
BIN
assets/zombie_worker.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
31
dev_plan.md
31
dev_plan.md
@@ -22,6 +22,37 @@
|
||||
|
||||
---
|
||||
|
||||
## 🎨 **SESSION UPDATE: 11. DECEMBER 2025 (PM)** 🎨
|
||||
|
||||
**Status:** ✅ MAJOR MILESTONE - GAMEPLAY SYSTEMS COMPLETE!
|
||||
|
||||
### **PHASE 21.5: ISOMETRIC GAMEPLAY SYSTEMS** ✅
|
||||
- [x] FarmingSystem.js (235 lines) - till/plant/harvest mechanics
|
||||
- [x] BuildSystem.js (194 lines) - build mode, 5 fence variants, buildings
|
||||
- [x] UI Stats Panels (zombie worker + farm stats)
|
||||
- [x] 6 fence sprite assets generated
|
||||
- [x] Ultra transparency processing
|
||||
- [x] Bug fixes (5 critical)
|
||||
|
||||
### **PHASE 22: PLAYER CONTROLS & INTERACTION** ✅
|
||||
- [x] **Farming Controls** - Space key handler (till/plant/harvest)
|
||||
- [x] **Resources Display** - Wood/Stone/Iron counters (top-right)
|
||||
- [x] **Day/Night Enhancement** - HH:MM format, ☀️/🌙 indicators
|
||||
- [x] **Time Speed Control** - 1x/2x/5x buttons + pause/resume
|
||||
- [x] **Sprite Scale Adjustments** - Player 2.5x, Zombie 2.5x, NPCs 0.2x
|
||||
|
||||
### **VISUAL IMPROVEMENTS** ✅
|
||||
- [x] Ultra white background removal (240+ brightness)
|
||||
- [x] Off-white removal (cream, beige)
|
||||
- [x] 21 new sprites added to transparency processing
|
||||
- [x] Animals, NPCs, structures, objects
|
||||
|
||||
**Development Time:** 2.5 hours
|
||||
**Code Written:** ~680 lines
|
||||
**Systems Implemented:** 2 major + 4 subsystems
|
||||
|
||||
---
|
||||
|
||||
## FAZA 0: Projektni Setup
|
||||
**Status:** ✅ ODOBRENO (2025-12-06)
|
||||
|
||||
|
||||
58
docs/phase22_plan.md
Normal file
58
docs/phase22_plan.md
Normal file
@@ -0,0 +1,58 @@
|
||||
// PHASE 22: PLAYER CONTROLS INTEGRATION
|
||||
// Implementation Plan
|
||||
|
||||
## 1. FARMING CONTROLS
|
||||
### Priority: HIGH
|
||||
- [ ] Detect hoe in hand (check inventory slot)
|
||||
- [ ] Space/Click → till soil
|
||||
- [ ] Detect seeds in hand
|
||||
- [ ] Space/Click → plant seed
|
||||
- [ ] Empty hand + ripe crop → harvest
|
||||
- [ ] Animation feedback (swing tool)
|
||||
- [ ] Sound effects (dig, plant, harvest)
|
||||
- [ ] Particle effects (soil spray, seed drop)
|
||||
|
||||
## 2. RESOURCES DISPLAY
|
||||
### Priority: HIGH
|
||||
- [ ] Wood counter (top-right corner)
|
||||
- [ ] Stone counter (below wood)
|
||||
- [ ] Iron counter (below stone)
|
||||
- [ ] Animated +X effect on gain
|
||||
- [ ] Expandable panel
|
||||
- [ ] Icon for each resource
|
||||
|
||||
## 3. DAY/NIGHT ENHANCEMENT
|
||||
### Priority: MEDIUM
|
||||
- [ ] Better time display (HH:MM format)
|
||||
- [ ] Sky color transitions (blue → orange → dark)
|
||||
- [ ] Dynamic lighting shader
|
||||
- [ ] Speed control slider (1x/2x/5x)
|
||||
- [ ] Pause button
|
||||
|
||||
## 4. BUILD MODE UI
|
||||
### Priority: MEDIUM
|
||||
- [ ] Tutorial popup on first B press
|
||||
- [ ] Building name + cost display
|
||||
- [ ] Building selection panel
|
||||
- [ ] Rotate building (R key)
|
||||
- [ ] Confirm placement (E key)
|
||||
- [ ] Cancel (ESC key)
|
||||
|
||||
## 5. INVENTORY HOTBAR
|
||||
### Priority: LOW
|
||||
- [ ] Q/E keys for quick-swap
|
||||
- [ ] Tool durability bar
|
||||
- [ ] Seed count display
|
||||
- [ ] Equipment preview
|
||||
|
||||
## 6. PLAYER FEEDBACK
|
||||
### Priority: LOW
|
||||
- [ ] Action cooldown timer
|
||||
- [ ] Stamina system
|
||||
- [ ] Tool swing animation
|
||||
- [ ] Camera shake on harvest
|
||||
- [ ] Screen flash effects
|
||||
|
||||
---
|
||||
**START WITH:** Farming Controls + Resources Display
|
||||
**ESTIMATED TIME:** 1-2 hours
|
||||
@@ -82,6 +82,8 @@
|
||||
|
||||
<!-- Systems -->
|
||||
<script src="src/systems/TerrainSystem.js"></script>
|
||||
<script src="src/systems/FarmingSystem.js"></script>
|
||||
<script src="src/systems/BuildSystem.js"></script>
|
||||
<script src="src/systems/Antigravity.js"></script>
|
||||
<script src="src/systems/PathfindingSystem.js"></script>
|
||||
<script src="src/systems/SaveSystem.js"></script>
|
||||
@@ -92,7 +94,6 @@
|
||||
<script src="src/systems/LootSystem.js"></script>
|
||||
<script src="src/systems/InteractionSystem.js"></script>
|
||||
<script src="src/utils/InventoryIcons.js"></script> <!-- 2D Flat Icons -->
|
||||
<script src="src/systems/FarmingSystem.js"></script>
|
||||
<script src="src/systems/BuildingSystem.js"></script>
|
||||
<script src="src/systems/WeatherSystem.js"></script>
|
||||
<script src="src/systems/WorldEventSystem.js"></script>
|
||||
|
||||
@@ -22,6 +22,7 @@
|
||||
"license": "ISC",
|
||||
"type": "commonjs",
|
||||
"dependencies": {
|
||||
"canvas": "^3.2.0",
|
||||
"phaser": "^3.80.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
|
||||
@@ -105,8 +105,11 @@ class NPC {
|
||||
}
|
||||
}
|
||||
|
||||
// Check for animated sprites first
|
||||
if (this.type === 'zombie' && this.scene.textures.exists('zombie_walk')) {
|
||||
// Check for NEW isometric sprites first (zombie_worker)
|
||||
if (this.type === 'zombie' && this.scene.textures.exists('zombie_worker')) {
|
||||
texKey = 'zombie_worker'; // NEW: Isometric zombie sprite
|
||||
isAnimated = false;
|
||||
} else if (this.type === 'zombie' && this.scene.textures.exists('zombie_walk')) {
|
||||
texKey = 'zombie_walk';
|
||||
isAnimated = true;
|
||||
} else if (this.type === 'zombie' && this.scene.textures.exists('zombie_sprite')) {
|
||||
@@ -141,13 +144,16 @@ class NPC {
|
||||
this.sprite.setOrigin(0.5, 1);
|
||||
|
||||
if (isAnimated) {
|
||||
this.sprite.setScale(1.5);
|
||||
this.sprite.setScale(2.5); // MUCH larger (zombie worker)
|
||||
} else {
|
||||
// Scale po tipu
|
||||
let scale = 0.5; // Default
|
||||
let scale = 0.3; // Default smaller
|
||||
|
||||
// New NPCs - smaller scale
|
||||
if (this.type === 'cow') scale = 0.2;
|
||||
// NEW: Isometric sprites (MUCH larger!)
|
||||
if (texKey === 'zombie_worker') scale = 2.5;
|
||||
else if (texKey === 'player_dreadlocks') scale = 2.5;
|
||||
// New NPCs - SMALL scale
|
||||
else if (this.type === 'cow') scale = 0.2;
|
||||
else if (this.type === 'chicken') scale = 0.2;
|
||||
else if (this.type === 'troll') scale = 0.2;
|
||||
else if (this.type === 'elf') scale = 0.2;
|
||||
@@ -188,10 +194,16 @@ class NPC {
|
||||
|
||||
const targetScreen = this.iso.toScreen(targetX, targetY);
|
||||
|
||||
// Animation
|
||||
if (this.sprite.texture.key === 'zombie_walk') {
|
||||
// Animation - SAFE CHECK
|
||||
if (this.sprite.texture.key === 'zombie_worker') {
|
||||
if (this.scene.anims.exists('zombie_worker_walk')) {
|
||||
this.sprite.play('zombie_worker_walk', true);
|
||||
}
|
||||
} else if (this.sprite.texture.key === 'zombie_walk') {
|
||||
if (this.scene.anims.exists('zombie_walk_anim')) {
|
||||
this.sprite.play('zombie_walk_anim', true);
|
||||
}
|
||||
}
|
||||
|
||||
// Tween za smooth gibanje
|
||||
this.scene.tweens.add({
|
||||
@@ -205,7 +217,10 @@ class NPC {
|
||||
this.updatePosition();
|
||||
|
||||
// Stop Animation
|
||||
if (this.sprite.texture.key === 'zombie_walk') {
|
||||
if (this.sprite.texture.key === 'zombie_worker') {
|
||||
this.sprite.stop();
|
||||
this.sprite.setFrame(0);
|
||||
} else if (this.sprite.texture.key === 'zombie_walk') {
|
||||
this.sprite.stop();
|
||||
this.sprite.setFrame(0);
|
||||
}
|
||||
|
||||
@@ -86,16 +86,19 @@ class Player {
|
||||
}
|
||||
|
||||
createSprite() {
|
||||
// Prefer animated sprite if available
|
||||
let texKey = 'player_walk'; // Spritesheet
|
||||
let isAnimated = this.scene.textures.exists(texKey);
|
||||
// NEW: Use player_dreadlocks sprite (isometric 2.5D)
|
||||
let texKey = 'player_dreadlocks';
|
||||
|
||||
if (!isAnimated) {
|
||||
texKey = this.scene.textures.exists('player_sprite') ? 'player_sprite' : 'player';
|
||||
// Fallback chain if new sprite not loaded
|
||||
if (!this.scene.textures.exists(texKey)) {
|
||||
texKey = this.scene.textures.exists('player_walk') ? 'player_walk' : 'player_sprite';
|
||||
if (!this.scene.textures.exists(texKey)) {
|
||||
texKey = 'player';
|
||||
if (!this.scene.textures.exists(texKey)) {
|
||||
TextureGenerator.createPlayerSprite(this.scene, texKey);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Kreira sprite
|
||||
const screenPos = this.iso.toScreen(this.gridX, this.gridY);
|
||||
@@ -106,13 +109,16 @@ class Player {
|
||||
);
|
||||
this.sprite.setOrigin(0.5, 1);
|
||||
|
||||
// Scale logic
|
||||
if (isAnimated) {
|
||||
this.sprite.setScale(1.5);
|
||||
// Scale based on sprite type
|
||||
if (texKey === 'player_dreadlocks') {
|
||||
this.sprite.setScale(2.5); // MUCH larger for better visibility
|
||||
} else if (texKey === 'player_walk') {
|
||||
this.sprite.setScale(2.5); // Old animated sprite
|
||||
} else {
|
||||
this.sprite.setScale(0.5); // Povečano
|
||||
this.sprite.setScale(1.2); // Old static sprite
|
||||
}
|
||||
|
||||
|
||||
// --- HAND / HELD ITEM SPRITE ---
|
||||
this.handSprite = this.scene.add.sprite(
|
||||
screenPos.x + this.offsetX + 10,
|
||||
@@ -224,6 +230,11 @@ class Player {
|
||||
}
|
||||
|
||||
this.updateHeldItem();
|
||||
|
||||
// SPACE KEY - Farming Action
|
||||
if (this.keys.space && Phaser.Input.Keyboard.JustDown(this.keys.space)) {
|
||||
this.handleFarmingAction();
|
||||
}
|
||||
}
|
||||
|
||||
updateHeldItem() {
|
||||
@@ -395,9 +406,16 @@ class Player {
|
||||
|
||||
const targetScreen = this.iso.toScreen(targetX, targetY);
|
||||
|
||||
if (this.sprite.texture.key === 'player_walk') {
|
||||
// Play walk animation - SAFE CHECK
|
||||
if (this.sprite.texture.key === 'player_dreadlocks') {
|
||||
if (this.scene.anims.exists('player_dreadlocks_walk')) {
|
||||
this.sprite.play('player_dreadlocks_walk', true);
|
||||
}
|
||||
} else if (this.sprite.texture.key === 'player_walk') {
|
||||
if (this.scene.anims.exists('player_walk_anim')) {
|
||||
this.sprite.play('player_walk_anim', true);
|
||||
}
|
||||
}
|
||||
|
||||
this.scene.tweens.add({
|
||||
targets: [this.sprite, this.handSprite],
|
||||
@@ -409,7 +427,11 @@ class Player {
|
||||
this.isMoving = false;
|
||||
this.updatePosition();
|
||||
|
||||
if (this.sprite.texture.key === 'player_walk') {
|
||||
// Stop animation
|
||||
if (this.sprite.texture.key === 'player_dreadlocks') {
|
||||
this.sprite.stop();
|
||||
this.sprite.setFrame(0);
|
||||
} else if (this.sprite.texture.key === 'player_walk') {
|
||||
this.sprite.stop();
|
||||
this.sprite.setFrame(0);
|
||||
}
|
||||
@@ -479,4 +501,55 @@ class Player {
|
||||
this.sprite.clearTint();
|
||||
this.sprite.angle = 0;
|
||||
}
|
||||
|
||||
handleFarmingAction() {
|
||||
if (!this.scene.farmingSystem) return;
|
||||
|
||||
const uiScene = this.scene.scene.get('UIScene');
|
||||
const invSys = this.scene.inventorySystem;
|
||||
|
||||
if (!uiScene || !invSys) return;
|
||||
|
||||
const selectedIdx = uiScene.selectedSlot;
|
||||
const slot = invSys.slots[selectedIdx];
|
||||
const itemType = slot ? slot.type : null;
|
||||
|
||||
// Get tile player is standing on
|
||||
const gridX = this.gridX;
|
||||
const gridY = this.gridY;
|
||||
|
||||
// HOE - Till soil
|
||||
if (itemType === 'hoe') {
|
||||
const success = this.scene.farmingSystem.tillSoil(gridX, gridY);
|
||||
if (success) {
|
||||
console.log('✅ Tilled soil!');
|
||||
// TODO: Play dig sound
|
||||
// TODO: Tool swing animation
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
// SEEDS - Plant
|
||||
if (itemType === 'carrot' || itemType === 'wheat' || itemType === 'item_seeds') {
|
||||
const cropType = itemType === 'item_seeds' ? 'carrot' : itemType;
|
||||
const success = this.scene.farmingSystem.plantSeed(gridX, gridY, cropType);
|
||||
if (success) {
|
||||
invSys.removeItem(itemType, 1);
|
||||
console.log('🌱 Planted seed!');
|
||||
// TODO: Play plant sound
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
// EMPTY HAND - Harvest
|
||||
if (!itemType) {
|
||||
const success = this.scene.farmingSystem.harvestCrop(gridX, gridY);
|
||||
if (success) {
|
||||
console.log('🌾 Harvested crop!');
|
||||
// TODO: Play harvest sound
|
||||
// TODO: Screen shake
|
||||
}
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -41,12 +41,31 @@ class GameScene extends Phaser.Scene {
|
||||
this.expansionSystem = new ExpansionSystem(this);
|
||||
this.blueprintSystem = new BlueprintSystem(this);
|
||||
|
||||
// Farm Stats Tracking for UI
|
||||
this.farmStats = {
|
||||
cropsPlanted: 0,
|
||||
totalHarvested: 0,
|
||||
goldEarned: 0,
|
||||
daysFarmed: 0
|
||||
};
|
||||
|
||||
// PARALLAX BACKGROUND - Clouds & Birds
|
||||
this.createParallaxBackground();
|
||||
|
||||
// Inicializiraj terrain sistem - 100x100 mapa
|
||||
console.log('🌍 Initializing terrain...');
|
||||
try {
|
||||
this.terrainSystem = new TerrainSystem(this, 100, 100);
|
||||
this.terrainSystem.generate();
|
||||
|
||||
// Initialize Farming System
|
||||
this.farmingSystem = new FarmingSystem(this);
|
||||
console.log('🌾 Farming system initialized!');
|
||||
|
||||
// Initialize Build System
|
||||
this.buildSystem = new BuildSystem(this);
|
||||
console.log('🏗️ Build system initialized!');
|
||||
|
||||
// Terrain offset
|
||||
this.terrainOffsetX = width / 2;
|
||||
this.terrainOffsetY = 100;
|
||||
@@ -176,6 +195,24 @@ class GameScene extends Phaser.Scene {
|
||||
console.log('🧟⚒️ Initializing Zombie Worker System...');
|
||||
this.zombieWorkerSystem = new ZombieWorkerSystem(this);
|
||||
|
||||
// SPAWN STARTER ZOMBIE WORKER (8x8 Farm)
|
||||
console.log('🧟 Spawning STARTER Zombie Worker...');
|
||||
const starterZombieX = 48; // Inside 8x8 farm (center is 50,50, farm is 46-54)
|
||||
const starterZombieY = 48;
|
||||
const starterZombie = new NPC(this, starterZombieX, starterZombieY, this.terrainOffsetX, this.terrainOffsetY, 'zombie');
|
||||
// Auto-tame the starter zombie
|
||||
starterZombie.isTamed = true; // Use isTamed (not just tamed)
|
||||
starterZombie.state = 'IDLE';
|
||||
if (starterZombie.showEmote) {
|
||||
starterZombie.showEmote('👋'); // Friendly wave
|
||||
}
|
||||
this.npcs.push(starterZombie);
|
||||
// Assign to farming work
|
||||
if (this.zombieWorkerSystem) {
|
||||
this.zombieWorkerSystem.assignWork(starterZombie, 'FARM', 5); // Farming work, 5 tile radius
|
||||
}
|
||||
console.log('✅ Starter zombie worker spawned and assigned to farming!');
|
||||
|
||||
// GRAVE SYSTEM
|
||||
console.log('🪦 Initializing Grave System...');
|
||||
this.graveSystem = new GraveSystem(this);
|
||||
@@ -495,24 +532,34 @@ class GameScene extends Phaser.Scene {
|
||||
|
||||
// Build Mode Keys
|
||||
this.input.keyboard.on('keydown-B', () => {
|
||||
if (this.buildingSystem) this.buildingSystem.toggleBuildMode();
|
||||
if (this.buildSystem) this.buildSystem.toggleBuildMode();
|
||||
});
|
||||
|
||||
this.input.keyboard.on('keydown-ONE', () => {
|
||||
if (this.buildingSystem && this.buildingSystem.isBuildMode) this.buildingSystem.selectBuilding('fence');
|
||||
if (this.buildSystem && this.buildSystem.buildMode) this.buildSystem.selectBuilding('fence_post');
|
||||
else if (this.scene.get('UIScene')) this.scene.get('UIScene').selectSlot(0);
|
||||
});
|
||||
|
||||
this.input.keyboard.on('keydown-TWO', () => {
|
||||
if (this.buildingSystem && this.buildingSystem.isBuildMode) this.buildingSystem.selectBuilding('wall');
|
||||
if (this.buildSystem && this.buildSystem.buildMode) this.buildSystem.selectBuilding('fence_horizontal');
|
||||
else if (this.scene.get('UIScene')) this.scene.get('UIScene').selectSlot(1);
|
||||
});
|
||||
|
||||
this.input.keyboard.on('keydown-THREE', () => {
|
||||
if (this.buildingSystem && this.buildingSystem.isBuildMode) this.buildingSystem.selectBuilding('house');
|
||||
if (this.buildSystem && this.buildSystem.buildMode) this.buildSystem.selectBuilding('fence_vertical');
|
||||
else if (this.scene.get('UIScene')) this.scene.get('UIScene').selectSlot(2);
|
||||
});
|
||||
|
||||
this.input.keyboard.on('keydown-FOUR', () => {
|
||||
if (this.buildSystem && this.buildSystem.buildMode) this.buildSystem.selectBuilding('fence_corner');
|
||||
else if (this.scene.get('UIScene')) this.scene.get('UIScene').selectSlot(3);
|
||||
});
|
||||
|
||||
this.input.keyboard.on('keydown-FIVE', () => {
|
||||
if (this.buildSystem && this.buildSystem.buildMode) this.buildSystem.selectBuilding('barn');
|
||||
else if (this.scene.get('UIScene')) this.scene.get('UIScene').selectSlot(4);
|
||||
});
|
||||
|
||||
// Soft Reset (F4)
|
||||
this.input.keyboard.on('keydown-F4', () => window.location.reload());
|
||||
|
||||
@@ -530,6 +577,7 @@ class GameScene extends Phaser.Scene {
|
||||
if (this.lootSystem) this.lootSystem.update(delta);
|
||||
if (this.interactionSystem) this.interactionSystem.update(delta);
|
||||
if (this.farmingSystem) this.farmingSystem.update(delta);
|
||||
if (this.buildSystem) this.buildSystem.update(delta);
|
||||
if (this.questSystem) this.questSystem.update(delta);
|
||||
if (this.multiplayerSystem) this.multiplayerSystem.update(delta);
|
||||
|
||||
@@ -816,6 +864,9 @@ class GameScene extends Phaser.Scene {
|
||||
window.Antigravity.Update(this, delta);
|
||||
}
|
||||
|
||||
// Parallax background update
|
||||
this.updateParallax(delta);
|
||||
|
||||
// Terrain system update (za water animacijo)
|
||||
if (this.terrainSystem && this.terrainSystem.update) {
|
||||
this.terrainSystem.update(Date.now(), delta);
|
||||
@@ -823,4 +874,69 @@ class GameScene extends Phaser.Scene {
|
||||
console.warn('⚠️ TerrainSystem.update not available!');
|
||||
}
|
||||
}
|
||||
|
||||
createParallaxBackground() {
|
||||
const width = this.cameras.main.width;
|
||||
const height = this.cameras.main.height;
|
||||
|
||||
// Parallax container
|
||||
this.parallaxContainer = this.add.container(0, 0);
|
||||
this.parallaxContainer.setDepth(-1000); // Always behind everything
|
||||
|
||||
this.clouds = [];
|
||||
this.birds = [];
|
||||
|
||||
// Create 5 clouds
|
||||
for (let i = 0; i < 5; i++) {
|
||||
const cloud = this.add.text(
|
||||
Math.random() * width * 2,
|
||||
Math.random() * height * 0.5,
|
||||
'☁️',
|
||||
{ fontSize: `${30 + Math.random() * 20}px` }
|
||||
);
|
||||
cloud.speed = 0.3 + Math.random() * 0.2; // 0.3-0.5x speed
|
||||
this.parallaxContainer.add(cloud);
|
||||
this.clouds.push(cloud);
|
||||
}
|
||||
|
||||
// Create 3 birds
|
||||
for (let i = 0; i < 3; i++) {
|
||||
const bird = this.add.text(
|
||||
Math.random() * width * 2,
|
||||
100 + Math.random() * 200,
|
||||
'🐦',
|
||||
{ fontSize: '20px' }
|
||||
);
|
||||
bird.speed = 0.5 + Math.random() * 0.3; // 0.5-0.8x speed
|
||||
this.parallaxContainer.add(bird);
|
||||
this.birds.push(bird);
|
||||
}
|
||||
|
||||
console.log('☁️ Parallax background created!');
|
||||
}
|
||||
|
||||
updateParallax(delta) {
|
||||
if (!this.parallaxContainer) return;
|
||||
|
||||
const width = this.cameras.main.width;
|
||||
|
||||
// Update clouds
|
||||
this.clouds.forEach(cloud => {
|
||||
cloud.x -= cloud.speed * (delta / 16);
|
||||
if (cloud.x < -100) {
|
||||
cloud.x = width + 100;
|
||||
cloud.y = Math.random() * this.cameras.main.height * 0.5;
|
||||
}
|
||||
});
|
||||
|
||||
// Update birds
|
||||
this.birds.forEach(bird => {
|
||||
bird.x -= bird.speed * (delta / 16);
|
||||
bird.y += Math.sin(Date.now() / 1000 + bird.x) * 0.5; // Flutter effect
|
||||
if (bird.x < -100) {
|
||||
bird.x = width + 100;
|
||||
bird.y = 100 + Math.random() * 200;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
@@ -78,12 +78,44 @@ class PreloadScene extends Phaser.Scene {
|
||||
this.load.image('fence_full', 'assets/fence_full.png');
|
||||
this.load.image('wall_damaged', 'assets/wall_damaged.png');
|
||||
|
||||
|
||||
// Voxel stil asset-i (2.5D)
|
||||
this.load.image('tree_voxel_green', 'assets/tree_voxel_green.png');
|
||||
this.load.image('tree_voxel_blue', 'assets/tree_voxel_blue.png');
|
||||
this.load.image('tree_voxel_dead', 'assets/tree_voxel_dead.png');
|
||||
this.load.image('rock_voxel', 'assets/rock_voxel.png');
|
||||
|
||||
// NEW ISOMETRIC 2.5D ASSETS (Stardew Valley style)
|
||||
// Buildings & Structures
|
||||
this.load.image('barn_isometric', 'assets/barn_isometric.png');
|
||||
this.load.image('farmhouse_isometric', 'assets/farmhouse_isometric.png');
|
||||
this.load.image('fence_isometric', 'assets/fence_isometric.png');
|
||||
this.load.image('bridge_isometric', 'assets/bridge_isometric.png');
|
||||
this.load.image('blacksmith_workshop', 'assets/blacksmith_workshop.png');
|
||||
this.load.image('ruins_building', 'assets/ruins_building.png');
|
||||
|
||||
// Farm & Crops
|
||||
this.load.image('soil_tilled', 'assets/soil_tilled.png');
|
||||
this.load.image('carrots_stages', 'assets/carrots_stages.png');
|
||||
this.load.image('flowers_pink_isometric', 'assets/flowers_pink_isometric.png');
|
||||
|
||||
// Characters - SPRITESHEETS (6 frames @ 64x64 each)
|
||||
this.load.spritesheet('player_dreadlocks', 'assets/player_dreadlocks.png', {
|
||||
frameWidth: 64,
|
||||
frameHeight: 64
|
||||
});
|
||||
this.load.spritesheet('zombie_worker', 'assets/zombie_worker.png', {
|
||||
frameWidth: 64,
|
||||
frameHeight: 64
|
||||
});
|
||||
this.load.image('grave_zombie', 'assets/grave_zombie.png');
|
||||
|
||||
// Fence pieces (separate parts)
|
||||
this.load.image('fence_post', 'assets/fence_post.png');
|
||||
this.load.image('fence_horizontal', 'assets/fence_horizontal.png');
|
||||
this.load.image('fence_vertical', 'assets/fence_vertical.png');
|
||||
this.load.image('fence_corner', 'assets/fence_corner.png');
|
||||
|
||||
// Wait for load completion then process transparency
|
||||
this.load.once('complete', () => {
|
||||
this.processAllTransparency();
|
||||
@@ -98,6 +130,7 @@ class PreloadScene extends Phaser.Scene {
|
||||
createAnimations() {
|
||||
if (this.anims.exists('player_walk_anim')) return;
|
||||
|
||||
// Old animations
|
||||
this.anims.create({
|
||||
key: 'player_walk_anim',
|
||||
frames: this.anims.generateFrameNumbers('player_walk', { start: 0, end: 5 }),
|
||||
@@ -111,6 +144,22 @@ class PreloadScene extends Phaser.Scene {
|
||||
frameRate: 8,
|
||||
repeat: -1
|
||||
});
|
||||
|
||||
// NEW: Isometric character animations (6 frames)
|
||||
this.anims.create({
|
||||
key: 'player_dreadlocks_walk',
|
||||
frames: this.anims.generateFrameNumbers('player_dreadlocks', { start: 0, end: 5 }),
|
||||
frameRate: 10,
|
||||
repeat: -1
|
||||
});
|
||||
|
||||
this.anims.create({
|
||||
key: 'zombie_worker_walk',
|
||||
frames: this.anims.generateFrameNumbers('zombie_worker', { start: 0, end: 5 }),
|
||||
frameRate: 8,
|
||||
repeat: -1
|
||||
});
|
||||
|
||||
console.log('🎞️ Animations created!');
|
||||
}
|
||||
|
||||
@@ -162,13 +211,58 @@ class PreloadScene extends Phaser.Scene {
|
||||
'tree_voxel_green',
|
||||
'tree_voxel_blue',
|
||||
'tree_voxel_dead',
|
||||
'rock_voxel'
|
||||
'rock_voxel',
|
||||
|
||||
// NEW ISOMETRIC 2.5D ASSETS - Remove transparency
|
||||
'barn_isometric',
|
||||
'farmhouse_isometric',
|
||||
'fence_isometric',
|
||||
'bridge_isometric',
|
||||
'blacksmith_workshop',
|
||||
'ruins_building',
|
||||
'soil_tilled',
|
||||
'carrots_stages',
|
||||
'flowers_pink_isometric',
|
||||
// NOTE: player_dreadlocks and zombie_worker are SPRITESHEETS - don't process!
|
||||
'grave_zombie',
|
||||
|
||||
// NEW FENCE PIECES
|
||||
'fence_post',
|
||||
'fence_horizontal',
|
||||
'fence_vertical',
|
||||
'fence_corner',
|
||||
|
||||
// ANIMALS & NPCs
|
||||
'chicken',
|
||||
'cow',
|
||||
'cow_mutant',
|
||||
'elf',
|
||||
'troll',
|
||||
'villager',
|
||||
'npc_merchant',
|
||||
'npc_zombie',
|
||||
|
||||
// STRUCTURES
|
||||
'structure_house',
|
||||
'wall_damaged',
|
||||
'city_wall',
|
||||
|
||||
// MISC OBJECTS
|
||||
'wheat_sprite',
|
||||
'grass_sprite',
|
||||
'leaf_sprite',
|
||||
'stone_sprite'
|
||||
];
|
||||
|
||||
spritesToProcess.forEach(spriteKey => {
|
||||
this.processSpriteTransparency(spriteKey);
|
||||
});
|
||||
|
||||
// ULTRA AGGRESSIVE: Fence Post only
|
||||
if (this.textures.exists('fence_post')) {
|
||||
this.ultraRemoveBackground('fence_post');
|
||||
}
|
||||
|
||||
console.log('✅ All sprites transparency processed!');
|
||||
}
|
||||
|
||||
@@ -191,21 +285,45 @@ class PreloadScene extends Phaser.Scene {
|
||||
const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
|
||||
const data = imageData.data;
|
||||
|
||||
// Remove backgrounds
|
||||
// Remove backgrounds - IMPROVED CHECKBOARD DETECTION
|
||||
for (let i = 0; i < data.length; i += 4) {
|
||||
const r = data[i];
|
||||
const g = data[i + 1];
|
||||
const b = data[i + 2];
|
||||
|
||||
// Remove white/light gray backgrounds (Checkerboard & White)
|
||||
// Target grays: R,G,B should be similar and high value.
|
||||
if (r > 150 && g > 150 && b > 150) {
|
||||
// Check if it's grayscale (checkerboard is usually perfect gray)
|
||||
if (Math.abs(r - g) < 30 && Math.abs(g - b) < 30) {
|
||||
data[i + 3] = 0;
|
||||
// Remove ALL grayscale colors (checkboard pattern)
|
||||
// Checkboard has both light (204,204,204) and dark (153,153,153) squares
|
||||
const isGrayscale = Math.abs(r - g) < 15 && Math.abs(g - b) < 15 && Math.abs(r - b) < 15;
|
||||
|
||||
if (isGrayscale) {
|
||||
// ULTRA-AGGRESSIVE: Remove ALL grays from 100-240
|
||||
const isAnyGray = r >= 100 && r <= 240;
|
||||
|
||||
if (isAnyGray) {
|
||||
data[i + 3] = 0; // Make transparent
|
||||
}
|
||||
}
|
||||
|
||||
// AGGRESSIVE: Remove ALL light backgrounds (AI-generated sprites)
|
||||
const brightness = (r + g + b) / 3;
|
||||
const isVeryLight = brightness > 170 && Math.abs(r - g) < 50 && Math.abs(g - b) < 50;
|
||||
|
||||
if (isVeryLight) {
|
||||
data[i + 3] = 0; // Make transparent
|
||||
}
|
||||
|
||||
// ULTRA AGGRESSIVE: Remove PURE WHITE backgrounds
|
||||
const isWhite = r > 240 && g > 240 && b > 240;
|
||||
if (isWhite) {
|
||||
data[i + 3] = 0; // Make transparent
|
||||
}
|
||||
|
||||
// ULTRA AGGRESSIVE: Remove OFF-WHITE backgrounds (cream, beige)
|
||||
const isOffWhite = brightness > 230 && Math.abs(r - g) < 20 && Math.abs(g - b) < 20;
|
||||
if (isOffWhite) {
|
||||
data[i + 3] = 0; // Make transparent
|
||||
}
|
||||
|
||||
// Special: Remove brown/tan backgrounds (merchant sprite)
|
||||
if (spriteKey === 'merchant_sprite') {
|
||||
// Brown detection: R > G > B, warm tones
|
||||
@@ -360,4 +478,42 @@ class PreloadScene extends Phaser.Scene {
|
||||
startGame();
|
||||
});
|
||||
}
|
||||
|
||||
ultraRemoveBackground(spriteKey) {
|
||||
if (!this.textures.exists(spriteKey)) return;
|
||||
|
||||
const texture = this.textures.get(spriteKey);
|
||||
const source = texture.getSourceImage();
|
||||
|
||||
const canvas = document.createElement('canvas');
|
||||
canvas.width = source.width;
|
||||
canvas.height = source.height;
|
||||
const ctx = canvas.getContext('2d', { willReadFrequently: true });
|
||||
|
||||
ctx.drawImage(source, 0, 0);
|
||||
const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
|
||||
const data = imageData.data;
|
||||
|
||||
// Remove EVERYTHING except brown wood colors
|
||||
for (let i = 0; i < data.length; i += 4) {
|
||||
const r = data[i];
|
||||
const g = data[i + 1];
|
||||
const b = data[i + 2];
|
||||
|
||||
// Keep only brown/wood colors: R > G > B and R is dominant
|
||||
const isBrown = r > g && g > b && r > 80 && r < 200;
|
||||
|
||||
if (!isBrown) {
|
||||
data[i + 3] = 0; // Make transparent
|
||||
}
|
||||
}
|
||||
|
||||
ctx.putImageData(imageData, 0, 0);
|
||||
|
||||
// Remove old texture and create new one from canvas
|
||||
this.textures.remove(spriteKey);
|
||||
this.textures.addCanvas(spriteKey, canvas);
|
||||
|
||||
console.log(`🔥 ULTRA removed background from ${spriteKey}`);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -11,17 +11,60 @@ class StoryScene extends Phaser.Scene {
|
||||
const bg = this.add.rectangle(0, 0, width, height, 0x0a0a0a);
|
||||
bg.setOrigin(0);
|
||||
|
||||
// Title
|
||||
// GLOW EFFECT for title (multiple Text objects)
|
||||
const titleGlow1 = this.add.text(width / 2, 80, 'NOVAFARMA', {
|
||||
fontSize: '72px',
|
||||
fontFamily: 'Courier New',
|
||||
color: '#00ff41',
|
||||
fontStyle: 'bold'
|
||||
});
|
||||
titleGlow1.setOrigin(0.5);
|
||||
titleGlow1.setAlpha(0.3);
|
||||
titleGlow1.setScale(1.05);
|
||||
|
||||
const titleGlow2 = this.add.text(width / 2, 80, 'NOVAFARMA', {
|
||||
fontSize: '72px',
|
||||
fontFamily: 'Courier New',
|
||||
color: '#00ff41',
|
||||
fontStyle: 'bold'
|
||||
});
|
||||
titleGlow2.setOrigin(0.5);
|
||||
titleGlow2.setAlpha(0.5);
|
||||
titleGlow2.setScale(1.02);
|
||||
|
||||
// Main title
|
||||
const title = this.add.text(width / 2, 80, 'NOVAFARMA', {
|
||||
fontSize: '72px',
|
||||
fontFamily: 'Courier New',
|
||||
color: '#00ff41',
|
||||
fontStyle: 'bold',
|
||||
stroke: '#000000',
|
||||
strokeThickness: 6
|
||||
stroke: '#003311',
|
||||
strokeThickness: 8
|
||||
});
|
||||
title.setOrigin(0.5);
|
||||
|
||||
// Pulsing glow animation
|
||||
this.tweens.add({
|
||||
targets: [titleGlow1, titleGlow2],
|
||||
scaleX: 1.08,
|
||||
scaleY: 1.08,
|
||||
alpha: 0.6,
|
||||
duration: 2000,
|
||||
yoyo: true,
|
||||
repeat: -1,
|
||||
ease: 'Sine.easeInOut'
|
||||
});
|
||||
|
||||
// Subtle title bounce
|
||||
this.tweens.add({
|
||||
targets: title,
|
||||
y: 75,
|
||||
duration: 3000,
|
||||
yoyo: true,
|
||||
repeat: -1,
|
||||
ease: 'Sine.easeInOut'
|
||||
});
|
||||
|
||||
// Subtitle
|
||||
const subtitle = this.add.text(width / 2, 150, '2084 - Survival Farm', {
|
||||
fontSize: '20px',
|
||||
|
||||
@@ -91,6 +91,8 @@ class UIScene extends Phaser.Scene {
|
||||
}
|
||||
|
||||
this.createOxygenBar();
|
||||
this.createZombieStatsPanel();
|
||||
this.createFarmStatsPanel();
|
||||
}
|
||||
|
||||
// ... (rest of class) ...
|
||||
@@ -318,6 +320,8 @@ class UIScene extends Phaser.Scene {
|
||||
// Re-create UI elements at new positions
|
||||
this.createClock();
|
||||
this.createGoldDisplay();
|
||||
this.createResourcesDisplay();
|
||||
this.createTimeControlPanel();
|
||||
this.createInventoryBar();
|
||||
this.createInventoryBar();
|
||||
this.createDebugInfo();
|
||||
@@ -580,6 +584,62 @@ class UIScene extends Phaser.Scene {
|
||||
this.clockText.setOrigin(0.5, 0.5);
|
||||
}
|
||||
|
||||
createResourcesDisplay() {
|
||||
const startX = this.scale.width - 160;
|
||||
const startY = 110; // Below gold display
|
||||
const spacing = 35;
|
||||
|
||||
// Container
|
||||
this.resourcesContainer = this.add.container(0, 0);
|
||||
this.resourcesContainer.setDepth(1000);
|
||||
|
||||
// Resources to display
|
||||
const resources = [
|
||||
{ key: 'wood', label: '🪵', color: '#8B4513' },
|
||||
{ key: 'stone', label: '🪨', color: '#808080' },
|
||||
{ key: 'iron', label: '⚙️', color: '#C0C0C0' }
|
||||
];
|
||||
|
||||
this.resourceTexts = {};
|
||||
|
||||
resources.forEach((res, i) => {
|
||||
const y = startY + (i * spacing);
|
||||
|
||||
// Background
|
||||
const bg = this.add.graphics();
|
||||
bg.fillStyle(0x1a1a1a, 0.7);
|
||||
bg.fillRect(startX, y, 140, 28);
|
||||
bg.lineStyle(2, parseInt(res.color.replace('#', '0x')), 0.6);
|
||||
bg.strokeRect(startX, y, 140, 28);
|
||||
this.resourcesContainer.add(bg);
|
||||
|
||||
// Icon/Label
|
||||
const icon = this.add.text(startX + 10, y + 14, res.label, {
|
||||
fontSize: '18px'
|
||||
}).setOrigin(0, 0.5);
|
||||
this.resourcesContainer.add(icon);
|
||||
|
||||
// Count text
|
||||
const text = this.add.text(startX + 40, y + 14, `${res.key.toUpperCase()}: 0`, {
|
||||
fontSize: '14px',
|
||||
fontFamily: 'Courier New',
|
||||
fill: res.color,
|
||||
fontStyle: 'bold'
|
||||
}).setOrigin(0, 0.5);
|
||||
this.resourcesContainer.add(text);
|
||||
|
||||
this.resourceTexts[res.key] = text;
|
||||
});
|
||||
}
|
||||
|
||||
updateResourceDisplay(resource, amount) {
|
||||
if (!this.resourceTexts) return;
|
||||
const text = this.resourceTexts[resource];
|
||||
if (text) {
|
||||
text.setText(`${resource.toUpperCase()}: ${amount}`);
|
||||
}
|
||||
}
|
||||
|
||||
createGoldDisplay() {
|
||||
if (this.goldBg) this.goldBg.destroy();
|
||||
if (this.goldText) this.goldText.destroy();
|
||||
@@ -660,7 +720,141 @@ class UIScene extends Phaser.Scene {
|
||||
this.setBarValue(this.hungerBar, stats.hunger);
|
||||
this.setBarValue(this.thirstBar, stats.thirst);
|
||||
}
|
||||
|
||||
// Update Zombie Stats Panel (starter zombie worker)
|
||||
if (this.gameScene.npcs && this.gameScene.npcs.length > 0) {
|
||||
const zombieWorker = this.gameScene.npcs.find(npc => npc.type === 'zombie' && npc.isTamed);
|
||||
if (zombieWorker) {
|
||||
this.updateZombieStats(zombieWorker);
|
||||
}
|
||||
}
|
||||
|
||||
// Update Farm Stats Panel
|
||||
if (this.gameScene.farmStats) {
|
||||
this.updateFarmStats(this.gameScene.farmStats);
|
||||
}
|
||||
|
||||
// Update Clock Display (HH:MM format)
|
||||
if (this.clockText && this.gameScene.timeSystem) {
|
||||
const ts = this.gameScene.timeSystem;
|
||||
const hour = Math.floor(ts.hour);
|
||||
const minute = Math.floor((ts.hour - hour) * 60);
|
||||
const hourStr = hour.toString().padStart(2, '0');
|
||||
const minStr = minute.toString().padStart(2, '0');
|
||||
|
||||
// Day/Night indicator
|
||||
const isNight = hour < 6 || hour >= 18;
|
||||
const period = isNight ? '🌙' : '☀️';
|
||||
|
||||
this.clockText.setText(`Day ${ts.day} - ${hourStr}:${minStr} ${period}`);
|
||||
}
|
||||
|
||||
// Update Resources Display
|
||||
if (this.resourceTexts && this.gameScene.inventorySystem) {
|
||||
const inv = this.gameScene.inventorySystem;
|
||||
this.updateResourceDisplay('wood', inv.getItemCount('wood'));
|
||||
this.updateResourceDisplay('stone', inv.getItemCount('stone'));
|
||||
this.updateResourceDisplay('iron', inv.getItemCount('iron'));
|
||||
}
|
||||
}
|
||||
|
||||
createTimeControlPanel() {
|
||||
const x = this.scale.width - 170;
|
||||
const y = 250; // Below resources
|
||||
|
||||
this.timeControlContainer = this.add.container(x, y);
|
||||
this.timeControlContainer.setDepth(1000);
|
||||
|
||||
// Background
|
||||
const bg = this.add.graphics();
|
||||
bg.fillStyle(0x1a1a2a, 0.8);
|
||||
bg.fillRect(0, 0, 150, 100);
|
||||
bg.lineStyle(2, 0x4a90e2, 0.8);
|
||||
bg.strokeRect(0, 0, 150, 100);
|
||||
this.timeControlContainer.add(bg);
|
||||
|
||||
// Title
|
||||
const title = this.add.text(75, 15, 'TIME SPEED', {
|
||||
fontSize: '12px',
|
||||
fontFamily: 'Courier New',
|
||||
fill: '#ffffff',
|
||||
fontStyle: 'bold'
|
||||
}).setOrigin(0.5, 0.5);
|
||||
this.timeControlContainer.add(title);
|
||||
|
||||
// Speed buttons
|
||||
const speeds = [
|
||||
{ label: '1x', value: 1.0, y: 40 },
|
||||
{ label: '2x', value: 2.0, y: 60 },
|
||||
{ label: '5x', value: 5.0, y: 80 }
|
||||
];
|
||||
|
||||
this.timeSpeedButtons = [];
|
||||
|
||||
speeds.forEach((speed, i) => {
|
||||
const btn = this.add.text(75, speed.y, speed.label, {
|
||||
fontSize: '14px',
|
||||
fontFamily: 'Courier New',
|
||||
fill: '#4a90e2',
|
||||
fontStyle: 'bold',
|
||||
backgroundColor: '#1a1a2a',
|
||||
padding: { x: 20, y: 5 }
|
||||
}).setOrigin(0.5, 0.5);
|
||||
|
||||
btn.setInteractive({ useHandCursor: true });
|
||||
btn.on('pointerdown', () => {
|
||||
this.setTimeSpeed(speed.value);
|
||||
this.highlightSpeedButton(i);
|
||||
});
|
||||
|
||||
this.timeControlContainer.add(btn);
|
||||
this.timeSpeedButtons.push(btn);
|
||||
});
|
||||
|
||||
this.highlightSpeedButton(0);
|
||||
|
||||
// Pause button
|
||||
const pauseBtn = this.add.text(10, 15, '⏸️', { fontSize: '18px' }).setOrigin(0, 0.5);
|
||||
pauseBtn.setInteractive({ useHandCursor: true });
|
||||
pauseBtn.on('pointerdown', () => this.toggleTimePause());
|
||||
this.timeControlContainer.add(pauseBtn);
|
||||
this.pauseBtn = pauseBtn;
|
||||
}
|
||||
|
||||
setTimeSpeed(speed) {
|
||||
if (this.gameScene && this.gameScene.timeSystem) {
|
||||
this.gameScene.timeSystem.timeScale = speed;
|
||||
console.log(`⏱️ Time speed: ${speed}x`);
|
||||
}
|
||||
}
|
||||
|
||||
highlightSpeedButton(index) {
|
||||
this.timeSpeedButtons.forEach((btn, i) => {
|
||||
if (i === index) {
|
||||
btn.setStyle({ fill: '#ffff00', backgroundColor: '#2a4a6a' });
|
||||
} else {
|
||||
btn.setStyle({ fill: '#4a90e2', backgroundColor: '#1a1a2a' });
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
toggleTimePause() {
|
||||
if (!this.gameScene || !this.gameScene.timeSystem) return;
|
||||
|
||||
const ts = this.gameScene.timeSystem;
|
||||
|
||||
if (ts.timeScale === 0) {
|
||||
ts.timeScale = this.lastTimeScale || 1.0;
|
||||
this.pauseBtn.setText('▶️');
|
||||
console.log('▶️ Time resumed');
|
||||
} else {
|
||||
this.lastTimeScale = ts.timeScale;
|
||||
ts.timeScale = 0;
|
||||
this.pauseBtn.setText('⏸️');
|
||||
console.log('⏸️ Time paused');
|
||||
}
|
||||
}
|
||||
|
||||
toggleBuildMenu(isVisible) {
|
||||
if (!this.buildMenuContainer) {
|
||||
this.createBuildMenuInfo();
|
||||
@@ -1897,4 +2091,166 @@ class UIScene extends Phaser.Scene {
|
||||
this.scene.start('StoryScene');
|
||||
}
|
||||
}
|
||||
|
||||
// ========== NEW: ZOMBIE & FARM STATS PANELS ==========
|
||||
|
||||
createZombieStatsPanel() {
|
||||
const panelWidth = 220;
|
||||
const panelHeight = 140;
|
||||
const x = 20;
|
||||
const y = 120; // Below player stats
|
||||
|
||||
// Container
|
||||
this.zombieStatsContainer = this.add.container(x, y);
|
||||
this.zombieStatsContainer.setDepth(1000);
|
||||
|
||||
// Background
|
||||
const bg = this.add.graphics();
|
||||
bg.fillStyle(0x1a1a2e, 0.9);
|
||||
bg.fillRect(0, 0, panelWidth, panelHeight);
|
||||
bg.lineStyle(2, 0x8a2be2, 0.8); // Purple border
|
||||
bg.strokeRect(0, 0, panelWidth, panelHeight);
|
||||
this.zombieStatsContainer.add(bg);
|
||||
|
||||
// Title
|
||||
const title = this.add.text(panelWidth / 2, 15, '🧟 ZOMBIE WORKER', {
|
||||
fontSize: '14px',
|
||||
fontFamily: 'Courier New',
|
||||
fill: '#8a2be2',
|
||||
fontStyle: 'bold'
|
||||
}).setOrigin(0.5);
|
||||
this.zombieStatsContainer.add(title);
|
||||
|
||||
// Stats Text
|
||||
this.zombieNameText = this.add.text(10, 35, 'Name: Worker #1', {
|
||||
fontSize: '12px',
|
||||
fill: '#ffffff'
|
||||
});
|
||||
this.zombieStatsContainer.add(this.zombieNameText);
|
||||
|
||||
this.zombieTaskText = this.add.text(10, 55, 'Task: IDLE', {
|
||||
fontSize: '12px',
|
||||
fill: '#ffff00'
|
||||
});
|
||||
this.zombieStatsContainer.add(this.zombieTaskText);
|
||||
|
||||
this.zombieLevelText = this.add.text(10, 75, 'Level: 1 (0/100 XP)', {
|
||||
fontSize: '12px',
|
||||
fill: '#00ff00'
|
||||
});
|
||||
this.zombieStatsContainer.add(this.zombieLevelText);
|
||||
|
||||
// Energy Bar
|
||||
const energyLabel = this.add.text(10, 95, 'ENERGY:', { fontSize: '11px', fill: '#aaaaaa' });
|
||||
this.zombieStatsContainer.add(energyLabel);
|
||||
|
||||
this.zombieEnergyBar = this.drawMiniBar(10, 110, panelWidth - 20, 15, 0x00aaff, 100);
|
||||
this.zombieStatsContainer.add(this.zombieEnergyBar.bg);
|
||||
this.zombieStatsContainer.add(this.zombieEnergyBar.fill);
|
||||
|
||||
// Initially visible
|
||||
this.zombieStatsContainer.setVisible(true);
|
||||
}
|
||||
|
||||
createFarmStatsPanel() {
|
||||
const panelWidth = 220;
|
||||
const panelHeight = 120;
|
||||
const x = 20;
|
||||
const y = 280; // Below zombie stats
|
||||
|
||||
// Container
|
||||
this.farmStatsContainer = this.add.container(x, y);
|
||||
this.farmStatsContainer.setDepth(1000);
|
||||
|
||||
// Background
|
||||
const bg = this.add.graphics();
|
||||
bg.fillStyle(0x1a2e1a, 0.9);
|
||||
bg.fillRect(0, 0, panelWidth, panelHeight);
|
||||
bg.lineStyle(2, 0x00ff00, 0.8); // Green border
|
||||
bg.strokeRect(0, 0, panelWidth, panelHeight);
|
||||
this.farmStatsContainer.add(bg);
|
||||
|
||||
// Title
|
||||
const title = this.add.text(panelWidth / 2, 15, '🌾 FARM STATS', {
|
||||
fontSize: '14px',
|
||||
fontFamily: 'Courier New',
|
||||
fill: '#00ff00',
|
||||
fontStyle: 'bold'
|
||||
}).setOrigin(0.5);
|
||||
this.farmStatsContainer.add(title);
|
||||
|
||||
// Stats
|
||||
this.farmCropsPlantedText = this.add.text(10, 40, 'Crops Planted: 0', {
|
||||
fontSize: '12px',
|
||||
fill: '#ffffff'
|
||||
});
|
||||
this.farmStatsContainer.add(this.farmCropsPlantedText);
|
||||
|
||||
this.farmCropsHarvestedText = this.add.text(10, 60, 'Total Harvested: 0', {
|
||||
fontSize: '12px',
|
||||
fill: '#ffff00'
|
||||
});
|
||||
this.farmStatsContainer.add(this.farmCropsHarvestedText);
|
||||
|
||||
this.farmGoldEarnedText = this.add.text(10, 80, 'Gold Earned: 0g', {
|
||||
fontSize: '12px',
|
||||
fill: '#ffd700'
|
||||
});
|
||||
this.farmStatsContainer.add(this.farmGoldEarnedText);
|
||||
|
||||
this.farmDaysText = this.add.text(10, 100, 'Days Farmed: 0', {
|
||||
fontSize: '12px',
|
||||
fill: '#aaaaaa'
|
||||
});
|
||||
this.farmStatsContainer.add(this.farmDaysText);
|
||||
}
|
||||
|
||||
drawMiniBar(x, y, width, height, color, initialPercent = 100) {
|
||||
// Background
|
||||
const bg = this.add.graphics();
|
||||
bg.fillStyle(0x000000, 0.5);
|
||||
bg.fillRect(x, y, width, height);
|
||||
bg.lineStyle(1, 0xffffff, 0.3);
|
||||
bg.strokeRect(x, y, width, height);
|
||||
|
||||
// Fill
|
||||
const fill = this.add.graphics();
|
||||
fill.fillStyle(color, 1);
|
||||
const maxWidth = width - 4;
|
||||
const currentWidth = (maxWidth * initialPercent) / 100;
|
||||
fill.fillRect(x + 2, y + 2, currentWidth, height - 4);
|
||||
|
||||
return { bg, fill, x, y, width, height, color };
|
||||
}
|
||||
|
||||
setMiniBarValue(bar, percent) {
|
||||
percent = Phaser.Math.Clamp(percent, 0, 100);
|
||||
bar.fill.clear();
|
||||
bar.fill.fillStyle(bar.color, 1);
|
||||
const maxWidth = bar.width - 4;
|
||||
const currentWidth = (maxWidth * percent) / 100;
|
||||
bar.fill.fillRect(bar.x + 2, bar.y + 2, currentWidth, bar.height - 4);
|
||||
}
|
||||
|
||||
// Update methods (call from update())
|
||||
updateZombieStats(zombie) {
|
||||
if (!zombie || !this.zombieStatsContainer) return;
|
||||
|
||||
this.zombieStatsContainer.setVisible(true);
|
||||
if (this.zombieNameText) this.zombieNameText.setText(`Name: ${zombie.name || 'Worker #1'}`);
|
||||
if (this.zombieTaskText) this.zombieTaskText.setText(`Task: ${zombie.task || 'IDLE'}`);
|
||||
if (this.zombieLevelText) this.zombieLevelText.setText(`Level: ${zombie.level || 1} (${zombie.xp || 0}/100 XP)`);
|
||||
|
||||
const energy = zombie.energy !== undefined ? zombie.energy : 100;
|
||||
if (this.zombieEnergyBar) this.setMiniBarValue(this.zombieEnergyBar, energy);
|
||||
}
|
||||
|
||||
updateFarmStats(stats) {
|
||||
if (!stats || !this.farmStatsContainer) return;
|
||||
|
||||
if (this.farmCropsPlantedText) this.farmCropsPlantedText.setText(`Crops Planted: ${stats.cropsPlanted || 0}`);
|
||||
if (this.farmCropsHarvestedText) this.farmCropsHarvestedText.setText(`Total Harvested: ${stats.totalHarvested || 0}`);
|
||||
if (this.farmGoldEarnedText) this.farmGoldEarnedText.setText(`Gold Earned: ${stats.goldEarned || 0}g`);
|
||||
if (this.farmDaysText) this.farmDaysText.setText(`Days Farmed: ${stats.daysFarmed || 0}`);
|
||||
}
|
||||
}
|
||||
|
||||
226
src/systems/BuildSystem.js
Normal file
226
src/systems/BuildSystem.js
Normal file
@@ -0,0 +1,226 @@
|
||||
class BuildSystem {
|
||||
constructor(scene) {
|
||||
this.scene = scene;
|
||||
this.buildMode = false;
|
||||
this.selectedBuilding = 'fence';
|
||||
this.previewSprite = null;
|
||||
this.placedBuildings = [];
|
||||
|
||||
// Building definitions
|
||||
this.buildings = {
|
||||
'fence': {
|
||||
name: 'Fence (Old)',
|
||||
textureKey: 'fence_isometric',
|
||||
cost: { wood: 2 },
|
||||
collision: false,
|
||||
scale: 0.3
|
||||
},
|
||||
'fence_post': {
|
||||
name: 'Fence Post',
|
||||
textureKey: 'fence_post',
|
||||
cost: { wood: 1 },
|
||||
collision: false,
|
||||
scale: 0.2
|
||||
},
|
||||
'fence_horizontal': {
|
||||
name: 'Fence →',
|
||||
textureKey: 'fence_horizontal',
|
||||
cost: { wood: 2 },
|
||||
collision: false,
|
||||
scale: 0.2
|
||||
},
|
||||
'fence_vertical': {
|
||||
name: 'Fence ↓',
|
||||
textureKey: 'fence_vertical',
|
||||
cost: { wood: 2 },
|
||||
collision: false,
|
||||
scale: 0.2
|
||||
},
|
||||
'fence_corner': {
|
||||
name: 'Fence ⌞',
|
||||
textureKey: 'fence_corner',
|
||||
cost: { wood: 2 },
|
||||
collision: false,
|
||||
scale: 0.2
|
||||
},
|
||||
'barn': {
|
||||
name: 'Barn',
|
||||
textureKey: 'barn_isometric',
|
||||
cost: { wood: 40, stone: 20 },
|
||||
collision: true,
|
||||
scale: 0.5
|
||||
},
|
||||
'grave': {
|
||||
name: 'Grave',
|
||||
textureKey: 'grave_zombie',
|
||||
cost: { stone: 10 },
|
||||
collision: false,
|
||||
scale: 0.3
|
||||
},
|
||||
'farmhouse': {
|
||||
name: 'Farmhouse',
|
||||
textureKey: 'farmhouse_isometric',
|
||||
cost: { wood: 50, stone: 30, gold: 100 },
|
||||
collision: true,
|
||||
scale: 0.5
|
||||
},
|
||||
'blacksmith': {
|
||||
name: 'Blacksmith',
|
||||
textureKey: 'blacksmith_workshop',
|
||||
cost: { wood: 30, stone: 40, gold: 80 },
|
||||
collision: true,
|
||||
scale: 0.45
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
toggleBuildMode() {
|
||||
this.buildMode = !this.buildMode;
|
||||
console.log(`Build Mode: ${this.buildMode ? 'ON' : 'OFF'}`);
|
||||
|
||||
// Notify UI
|
||||
const uiScene = this.scene.scene.get('UIScene');
|
||||
if (uiScene) {
|
||||
uiScene.toggleBuildMenu(this.buildMode);
|
||||
}
|
||||
|
||||
// Show/hide preview
|
||||
if (this.buildMode) {
|
||||
this.createPreview();
|
||||
} else {
|
||||
this.destroyPreview();
|
||||
}
|
||||
|
||||
return this.buildMode;
|
||||
}
|
||||
|
||||
selectBuilding(buildingId) {
|
||||
if (!this.buildings[buildingId]) return;
|
||||
this.selectedBuilding = buildingId;
|
||||
|
||||
// Update UI
|
||||
const uiScene = this.scene.scene.get('UIScene');
|
||||
if (uiScene) {
|
||||
uiScene.updateBuildSelection(this.buildings[buildingId].name);
|
||||
}
|
||||
|
||||
// Refresh preview
|
||||
if (this.buildMode) {
|
||||
this.destroyPreview();
|
||||
this.createPreview();
|
||||
}
|
||||
}
|
||||
|
||||
createPreview() {
|
||||
const building = this.buildings[this.selectedBuilding];
|
||||
if (!this.scene.textures.exists(building.textureKey)) {
|
||||
console.warn(`Texture not found: ${building.textureKey}`);
|
||||
return;
|
||||
}
|
||||
|
||||
this.previewSprite = this.scene.add.sprite(0, 0, building.textureKey);
|
||||
this.previewSprite.setOrigin(0.5, 1);
|
||||
this.previewSprite.setAlpha(0.6);
|
||||
this.previewSprite.setDepth(10000); // Always on top
|
||||
this.previewSprite.setScale(building.scale || 1.0);
|
||||
}
|
||||
|
||||
destroyPreview() {
|
||||
if (this.previewSprite) {
|
||||
this.previewSprite.destroy();
|
||||
this.previewSprite = null;
|
||||
}
|
||||
}
|
||||
|
||||
update() {
|
||||
if (!this.buildMode || !this.previewSprite) return;
|
||||
|
||||
// Follow mouse
|
||||
const pointer = this.scene.input.activePointer;
|
||||
const worldPoint = this.scene.cameras.main.getWorldPoint(pointer.x, pointer.y);
|
||||
const gridPos = this.scene.iso.toGrid(worldPoint.x, worldPoint.y);
|
||||
const screenPos = this.scene.iso.toScreen(gridPos.x, gridPos.y);
|
||||
|
||||
this.previewSprite.setPosition(screenPos.x, screenPos.y);
|
||||
|
||||
// Check if can place
|
||||
const canPlace = this.canPlaceAt(gridPos.x, gridPos.y);
|
||||
this.previewSprite.setTint(canPlace ? 0x00ff00 : 0xff0000);
|
||||
|
||||
// Place on click
|
||||
if (pointer.isDown && canPlace) {
|
||||
this.placeBuilding(gridPos.x, gridPos.y);
|
||||
}
|
||||
}
|
||||
|
||||
canPlaceAt(gridX, gridY) {
|
||||
// Check if already has building
|
||||
const exists = this.placedBuildings.find(b => b.gridX === gridX && b.gridY === gridY);
|
||||
if (exists) return false;
|
||||
|
||||
// Check terrain (only on farm tiles)
|
||||
if (!this.scene.terrainSystem) return false;
|
||||
const tile = this.scene.terrainSystem.getTile(gridX, gridY);
|
||||
if (!tile || tile.type !== 'farm') return false;
|
||||
|
||||
// Check cost
|
||||
const building = this.buildings[this.selectedBuilding];
|
||||
if (!this.hasResources(building.cost)) return false;
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
hasResources(cost) {
|
||||
const inv = this.scene.inventorySystem;
|
||||
if (!inv) return false;
|
||||
|
||||
for (const [resource, amount] of Object.entries(cost)) {
|
||||
if (resource === 'gold') {
|
||||
if (inv.gold < amount) return false;
|
||||
} else {
|
||||
if (!inv.hasItem(resource, amount)) return false;
|
||||
}
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
placeBuilding(gridX, gridY) {
|
||||
const building = this.buildings[this.selectedBuilding];
|
||||
|
||||
// Consume resources
|
||||
const inv = this.scene.inventorySystem;
|
||||
for (const [resource, amount] of Object.entries(building.cost)) {
|
||||
if (resource === 'gold') {
|
||||
inv.gold -= amount;
|
||||
} else {
|
||||
inv.removeItem(resource, amount);
|
||||
}
|
||||
}
|
||||
|
||||
// Create sprite
|
||||
const screenPos = this.scene.iso.toScreen(gridX, gridY);
|
||||
const sprite = this.scene.add.sprite(screenPos.x, screenPos.y, building.textureKey);
|
||||
sprite.setOrigin(0.5, 1);
|
||||
sprite.setScale(building.scale || 1.0);
|
||||
sprite.setDepth(this.scene.iso.getDepth(gridX, gridY) + 5); // Above terrain
|
||||
|
||||
// Store
|
||||
this.placedBuildings.push({
|
||||
gridX,
|
||||
gridY,
|
||||
type: this.selectedBuilding,
|
||||
sprite,
|
||||
collision: building.collision
|
||||
});
|
||||
|
||||
console.log(`🏗️ Placed ${building.name} at (${gridX}, ${gridY})`);
|
||||
|
||||
// Update UI
|
||||
this.scene.events.emit('update-inventory');
|
||||
}
|
||||
|
||||
isCollisionAt(gridX, gridY) {
|
||||
const building = this.placedBuildings.find(b => b.gridX === gridX && b.gridY === gridY);
|
||||
return building ? building.collision : false;
|
||||
}
|
||||
}
|
||||
@@ -1,239 +1,216 @@
|
||||
const CROP_DATA = {
|
||||
'wheat': {
|
||||
name: 'Wheat',
|
||||
seedItem: 'seeds_wheat',
|
||||
harvestItem: 'wheat',
|
||||
stages: 4,
|
||||
growthTime: 10, // Seconds per stage (Total 30s)
|
||||
regrow: false,
|
||||
color: 0xffdd00
|
||||
},
|
||||
'corn': {
|
||||
name: 'Corn',
|
||||
seedItem: 'seeds_corn',
|
||||
harvestItem: 'corn',
|
||||
stages: 4,
|
||||
growthTime: 15, // Slower (Total 45s)
|
||||
regrow: true, // Corn regrows!
|
||||
regrowStage: 2, // Goes back to stage 2
|
||||
color: 0xffaa00
|
||||
}
|
||||
};
|
||||
|
||||
class FarmingSystem {
|
||||
constructor(scene) {
|
||||
this.scene = scene;
|
||||
this.growthTimer = 0;
|
||||
this.growthTickRate = 1000;
|
||||
this.crops = []; // Active crops in world
|
||||
|
||||
// Crop definitions
|
||||
this.cropTypes = {
|
||||
'carrot': {
|
||||
name: 'Carrot',
|
||||
growthStages: 4,
|
||||
daysPerStage: 1,
|
||||
sellPrice: 10,
|
||||
seedCost: 5
|
||||
},
|
||||
'wheat': {
|
||||
name: 'Wheat',
|
||||
growthStages: 4,
|
||||
daysPerStage: 2,
|
||||
sellPrice: 15,
|
||||
seedCost: 8
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
// Called by InteractionSystem
|
||||
interact(gridX, gridY, toolType) {
|
||||
const terrain = this.scene.terrainSystem;
|
||||
const tile = terrain.getTile(gridX, gridY);
|
||||
|
||||
if (!tile) return false;
|
||||
|
||||
// 1. HARVEST
|
||||
if (tile.hasCrop) {
|
||||
const crop = terrain.cropsMap.get(`${gridX},${gridY}`);
|
||||
if (crop && crop.stage === CROP_DATA[crop.type].stages) {
|
||||
this.harvest(gridX, gridY);
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
// 2. TILLING
|
||||
if (toolType === 'hoe') {
|
||||
const typeName = tile.type.name || tile.type;
|
||||
if (typeName.includes('grass') || typeName === 'dirt') {
|
||||
if (!tile.hasDecoration && !tile.hasCrop) {
|
||||
terrain.setTileType(gridX, gridY, 'farmland');
|
||||
if (this.scene.soundManager) this.scene.soundManager.playDig();
|
||||
|
||||
// Archaeology: Chance to find artefact
|
||||
if (Math.random() < 0.15) {
|
||||
if (this.scene.interactionSystem) { // Using InteractionSystem spawnLoot wrapper or LootSystem directly?
|
||||
// InteractionSystem has spawnLoot method that wraps inventory adding and text.
|
||||
this.scene.interactionSystem.spawnLoot(gridX, gridY, 'artefact_old', 1);
|
||||
}
|
||||
}
|
||||
return true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 3. PLANTING
|
||||
// Check if tool is a seed
|
||||
const isSeed = toolType.startsWith('seeds_') || toolType === 'seeds';
|
||||
|
||||
if (isSeed) {
|
||||
const typeName = tile.type.name || tile.type;
|
||||
if (typeName === 'farmland' && !tile.hasCrop && !tile.hasDecoration) {
|
||||
// Determine crop type from seed name
|
||||
// "seeds_corn" -> "corn", "seeds" -> "wheat" (default)
|
||||
let cropType = 'wheat';
|
||||
if (toolType === 'seeds_corn') cropType = 'corn';
|
||||
if (toolType === 'seeds_wheat') cropType = 'wheat';
|
||||
|
||||
this.plant(gridX, gridY, cropType);
|
||||
|
||||
// Consumption
|
||||
if (this.scene.inventorySystem) {
|
||||
this.scene.inventorySystem.removeItem(toolType, 1);
|
||||
}
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
// 4. WATERING
|
||||
if (toolType === 'watering_can') {
|
||||
if (tile.hasCrop) {
|
||||
const crop = terrain.cropsMap.get(`${gridX},${gridY}`);
|
||||
if (crop && !crop.isWatered) {
|
||||
this.waterCrop(gridX, gridY);
|
||||
return true;
|
||||
}
|
||||
}
|
||||
}
|
||||
// Till soil at grid position
|
||||
tillSoil(gridX, gridY) {
|
||||
if (!this.scene.terrainSystem) return false;
|
||||
|
||||
// Check if already tilled
|
||||
const key = `${gridX},${gridY}`;
|
||||
if (this.isTilled(gridX, gridY)) {
|
||||
console.log('Already tilled!');
|
||||
return false;
|
||||
}
|
||||
|
||||
plant(x, y, type = 'wheat') {
|
||||
const terrain = this.scene.terrainSystem;
|
||||
const data = CROP_DATA[type];
|
||||
// Mark as tilled in terrain
|
||||
if (!this.scene.terrainSystem.tilledSoil) {
|
||||
this.scene.terrainSystem.tilledSoil = new Set();
|
||||
}
|
||||
|
||||
const cropData = {
|
||||
gridX: x,
|
||||
gridY: y,
|
||||
stage: 1,
|
||||
type: type,
|
||||
timer: 0,
|
||||
maxTime: data.growthTime
|
||||
this.scene.terrainSystem.tilledSoil.add(key);
|
||||
|
||||
// Visual feedback - place tilled soil sprite
|
||||
const screenPos = this.scene.iso.toScreen(gridX, gridY);
|
||||
|
||||
if (this.scene.textures.exists('soil_tilled')) {
|
||||
const sprite = this.scene.add.sprite(screenPos.x, screenPos.y, 'soil_tilled');
|
||||
sprite.setOrigin(0.5, 1);
|
||||
sprite.setScale(1.0);
|
||||
sprite.setDepth(this.scene.iso.getDepth(gridX, gridY) - 1); // Below crops
|
||||
|
||||
// Store reference
|
||||
if (!this.scene.terrainSystem.tilledSprites) {
|
||||
this.scene.terrainSystem.tilledSprites = new Map();
|
||||
}
|
||||
this.scene.terrainSystem.tilledSprites.set(key, sprite);
|
||||
}
|
||||
|
||||
console.log(`✅ Tilled soil at (${gridX}, ${gridY})`);
|
||||
return true;
|
||||
}
|
||||
|
||||
isTilled(gridX, gridY) {
|
||||
if (!this.scene.terrainSystem || !this.scene.terrainSystem.tilledSoil) return false;
|
||||
return this.scene.terrainSystem.tilledSoil.has(`${gridX},${gridY}`);
|
||||
}
|
||||
|
||||
// Plant seed
|
||||
plantSeed(gridX, gridY, cropType) {
|
||||
if (!this.isTilled(gridX, gridY)) {
|
||||
console.log('Need to till soil first!');
|
||||
return false;
|
||||
}
|
||||
|
||||
// Check if already has crop
|
||||
if (this.getCropAt(gridX, gridY)) {
|
||||
console.log('Already has a crop!');
|
||||
return false;
|
||||
}
|
||||
|
||||
// Create crop
|
||||
const crop = {
|
||||
gridX,
|
||||
gridY,
|
||||
type: cropType,
|
||||
stage: 0,
|
||||
daysInStage: 0,
|
||||
plantedDay: this.scene.timeSystem ? this.scene.timeSystem.day : 0
|
||||
};
|
||||
terrain.addCrop(x, y, cropData);
|
||||
|
||||
if (this.scene.soundManager) {
|
||||
this.scene.soundManager.playPlant();
|
||||
this.crops.push(crop);
|
||||
|
||||
// Visual - create sprite
|
||||
this.updateCropSprite(crop);
|
||||
|
||||
// Update farm stats
|
||||
if (this.scene.farmStats) {
|
||||
this.scene.farmStats.cropsPlanted++;
|
||||
}
|
||||
|
||||
if (this.scene.questSystem) this.scene.questSystem.trackAction('plant');
|
||||
console.log(`🌱 Planted ${type} at ${x},${y}`);
|
||||
console.log(`🌱 Planted ${cropType} at (${gridX}, ${gridY})`);
|
||||
return true;
|
||||
}
|
||||
|
||||
harvest(x, y) {
|
||||
const terrain = this.scene.terrainSystem;
|
||||
const crop = terrain.cropsMap.get(`${x},${y}`);
|
||||
if (!crop) return;
|
||||
|
||||
const data = CROP_DATA[crop.type];
|
||||
|
||||
// Sound
|
||||
if (this.scene.soundManager) {
|
||||
this.scene.soundManager.playHarvest();
|
||||
getCropAt(gridX, gridY) {
|
||||
return this.crops.find(c => c.gridX === gridX && c.gridY === gridY);
|
||||
}
|
||||
|
||||
// Loot
|
||||
if (this.scene.interactionSystem) {
|
||||
this.scene.interactionSystem.spawnLoot(x, y, data.harvestItem, 1);
|
||||
updateCropSprite(crop) {
|
||||
const screenPos = this.scene.iso.toScreen(crop.gridX, crop.gridY);
|
||||
|
||||
// Chance for seeds
|
||||
if (Math.random() > 0.4) {
|
||||
this.scene.interactionSystem.spawnLoot(x, y, data.seedItem, 1);
|
||||
// Remove old sprite
|
||||
if (crop.sprite) {
|
||||
crop.sprite.destroy();
|
||||
}
|
||||
|
||||
// Extra harvest chance
|
||||
if (Math.random() > 0.5) {
|
||||
this.scene.interactionSystem.spawnLoot(x, y, data.harvestItem, 1);
|
||||
// Determine texture based on stage
|
||||
let textureKey = `crop_${crop.type}_stage_${crop.stage}`;
|
||||
|
||||
// Fallback textures
|
||||
if (!this.scene.textures.exists(textureKey)) {
|
||||
textureKey = 'carrots_stages'; // Use carrot stages as fallback
|
||||
}
|
||||
|
||||
// XP Gain
|
||||
if (this.scene.statsSystem) {
|
||||
this.scene.statsSystem.addXP(data.harvestItem === 'corn' ? 15 : 10);
|
||||
if (this.scene.textures.exists(textureKey)) {
|
||||
crop.sprite = this.scene.add.sprite(screenPos.x, screenPos.y, textureKey);
|
||||
crop.sprite.setOrigin(0.5, 1);
|
||||
crop.sprite.setScale(0.8);
|
||||
crop.sprite.setDepth(this.scene.iso.getDepth(crop.gridX, crop.gridY));
|
||||
}
|
||||
}
|
||||
|
||||
// Regrow or Destroy
|
||||
if (data.regrow) {
|
||||
crop.stage = data.regrowStage;
|
||||
crop.timer = 0;
|
||||
crop.isWatered = false; // Reset watering status
|
||||
terrain.updateCropVisual(x, y, crop.stage);
|
||||
console.log(`🔄 ${crop.type} regrowing...`);
|
||||
} else {
|
||||
terrain.removeCrop(x, y);
|
||||
}
|
||||
// Harvest crop
|
||||
harvestCrop(gridX, gridY) {
|
||||
const crop = this.getCropAt(gridX, gridY);
|
||||
if (!crop) return false;
|
||||
|
||||
const cropDef = this.cropTypes[crop.type];
|
||||
const isRipe = crop.stage >= (cropDef.growthStages - 1);
|
||||
|
||||
if (!isRipe) {
|
||||
console.log('Crop not ready yet!');
|
||||
return false;
|
||||
}
|
||||
|
||||
waterCrop(x, y) {
|
||||
const terrain = this.scene.terrainSystem;
|
||||
const crop = terrain.cropsMap.get(`${x},${y}`);
|
||||
if (!crop) return;
|
||||
|
||||
crop.isWatered = true;
|
||||
crop.growthBoost = 2.0; // 2x faster growth!
|
||||
|
||||
// Visual feedback - tint slightly blue
|
||||
const key = `${x},${y}`;
|
||||
if (terrain.visibleCrops.has(key)) {
|
||||
const sprite = terrain.visibleCrops.get(key);
|
||||
sprite.setTint(0xAADDFF); // Light blue tint
|
||||
// Give items
|
||||
if (this.scene.inventorySystem) {
|
||||
this.scene.inventorySystem.addItem(crop.type, 1);
|
||||
}
|
||||
|
||||
// Sound effect
|
||||
if (this.scene.soundManager) {
|
||||
this.scene.soundManager.playPlant(); // Re-use plant sound for now
|
||||
// Give gold
|
||||
const goldEarned = cropDef.sellPrice;
|
||||
if (this.scene.inventorySystem) {
|
||||
this.scene.inventorySystem.gold += goldEarned;
|
||||
}
|
||||
|
||||
// Floating text
|
||||
// Update farm stats
|
||||
if (this.scene.farmStats) {
|
||||
this.scene.farmStats.totalHarvested++;
|
||||
this.scene.farmStats.goldEarned += goldEarned;
|
||||
}
|
||||
|
||||
// Remove crop
|
||||
if (crop.sprite) crop.sprite.destroy();
|
||||
this.crops = this.crops.filter(c => c !== crop);
|
||||
|
||||
console.log(`🌾 Harvested ${crop.type}! (+${goldEarned} gold)`);
|
||||
|
||||
// Show floating text
|
||||
if (this.scene.events) {
|
||||
this.scene.events.emit('show-floating-text', {
|
||||
x: x * 48,
|
||||
y: y * 48,
|
||||
text: '💧 Watered!',
|
||||
color: '#00AAFF'
|
||||
x: screenPos.x,
|
||||
y: screenPos.y - 30,
|
||||
text: `+${goldEarned}g`,
|
||||
color: '#FFD700'
|
||||
});
|
||||
|
||||
console.log(`💧 Watered crop at ${x},${y}`);
|
||||
}
|
||||
|
||||
update(delta) {
|
||||
this.growthTimer += delta;
|
||||
if (this.growthTimer < 1000) return;
|
||||
const secondsPassed = this.growthTimer / 1000;
|
||||
this.growthTimer = 0;
|
||||
return true;
|
||||
}
|
||||
|
||||
const terrain = this.scene.terrainSystem;
|
||||
if (!terrain) return;
|
||||
// Update - called each game day
|
||||
updateDay() {
|
||||
this.crops.forEach(crop => {
|
||||
const cropDef = this.cropTypes[crop.type];
|
||||
|
||||
for (const [key, crop] of terrain.cropsMap) {
|
||||
const data = CROP_DATA[crop.type];
|
||||
if (!data) continue;
|
||||
crop.daysInStage++;
|
||||
|
||||
if (crop.stage < data.stages) {
|
||||
// Apply growth boost if watered
|
||||
const growthMultiplier = crop.growthBoost || 1.0;
|
||||
crop.timer += secondsPassed * growthMultiplier;
|
||||
|
||||
if (crop.timer >= data.growthTime) {
|
||||
// Advance stage?
|
||||
if (crop.daysInStage >= cropDef.daysPerStage) {
|
||||
crop.daysInStage = 0;
|
||||
crop.stage++;
|
||||
crop.timer = 0;
|
||||
|
||||
// Clear watering boost after growth
|
||||
if (crop.isWatered) {
|
||||
crop.isWatered = false;
|
||||
crop.growthBoost = 1.0;
|
||||
|
||||
// Remove blue tint
|
||||
if (terrain.visibleCrops.has(key)) {
|
||||
const sprite = terrain.visibleCrops.get(key);
|
||||
sprite.clearTint();
|
||||
}
|
||||
// Cap at max stage
|
||||
if (crop.stage >= cropDef.growthStages) {
|
||||
crop.stage = cropDef.growthStages - 1;
|
||||
}
|
||||
|
||||
terrain.updateCropVisual(crop.gridX, crop.gridY, crop.stage);
|
||||
// Update visual
|
||||
this.updateCropSprite(crop);
|
||||
|
||||
console.log(`🌱 Crop grew! Stage ${crop.stage}/${cropDef.growthStages - 1}`);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Update - called each frame
|
||||
update() {
|
||||
// Update sprite depths if camera moved
|
||||
this.crops.forEach(crop => {
|
||||
if (crop.sprite) {
|
||||
crop.sprite.setDepth(this.scene.iso.getDepth(crop.gridX, crop.gridY));
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
@@ -86,7 +86,7 @@ class InteractionSystem {
|
||||
|
||||
handleTalk(npc) {
|
||||
if (!this.scene.hybridSkillSystem) {
|
||||
npc.toggleState();
|
||||
console.log('Talk with:', npc.type);
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -120,7 +120,7 @@ class InteractionSystem {
|
||||
color: color
|
||||
});
|
||||
|
||||
npc.toggleState(); // Stop moving briefly
|
||||
// NPC pauses briefly (handled by AI)
|
||||
}
|
||||
|
||||
handleInteraction(gridX, gridY, isAttack = false) {
|
||||
@@ -247,7 +247,7 @@ class InteractionSystem {
|
||||
return;
|
||||
}
|
||||
|
||||
if (!isAttack) npc.toggleState();
|
||||
// NPC interaction complete
|
||||
return;
|
||||
}
|
||||
}
|
||||
@@ -301,11 +301,8 @@ class InteractionSystem {
|
||||
}
|
||||
}
|
||||
|
||||
// 4. Try Farming Action
|
||||
if (this.scene.farmingSystem && !isAttack) {
|
||||
const didFarm = this.scene.farmingSystem.interact(gridX, gridY, activeTool);
|
||||
if (didFarm) return;
|
||||
}
|
||||
// 4. Farming is now handled via Player Space key (handleFarmingAction)
|
||||
// No click farming anymore
|
||||
|
||||
// 5. Try damage decoration
|
||||
const id = `${gridX},${gridY}`;
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
// ========================================================
|
||||
// NOVE GLOBALNE KONSTANTE ZA LOKACIJE
|
||||
// ========================================================
|
||||
const FARM_SIZE = 100; // 100x100 VELIKA PLATFORMA!
|
||||
const FARM_SIZE = 8; // 8x8 MICRO FARM - Začetek igre!
|
||||
const FARM_CENTER_X = 50; // Center mape (50,50)
|
||||
const FARM_CENTER_Y = 50; // Center mape (50,50)
|
||||
|
||||
@@ -453,6 +453,7 @@ class TerrainSystem {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// --- CHUNK DECORATION PASS ---
|
||||
// DISABLED - User wants clean platform (no trees, rocks, flowers)
|
||||
|
||||
@@ -477,6 +478,81 @@ class TerrainSystem {
|
||||
// this.addDecoration(pos.x, pos.y, 'path_stone');
|
||||
// }
|
||||
// });
|
||||
|
||||
// MICRO FARM FENCE (8x8 starting area) - DISABLED FOR NOW
|
||||
// Will be added properly later
|
||||
const farmMinX = FARM_CENTER_X - FARM_SIZE / 2;
|
||||
const farmMaxX = FARM_CENTER_X + FARM_SIZE / 2;
|
||||
const farmMinY = FARM_CENTER_Y - FARM_SIZE / 2;
|
||||
const farmMaxY = FARM_CENTER_Y + FARM_SIZE / 2;
|
||||
|
||||
// DECORATIONS: Flowers & Bushes on grass tiles (random)
|
||||
for (let y = startY; y < endY; y++) {
|
||||
for (let x = startX; x < endX; x++) {
|
||||
const tile = this.tiles[y][x]; // Corrected access to this.tiles
|
||||
|
||||
// Only on grass tiles, outside farm area
|
||||
if (tile && tile.type === 'GRASS_FULL' && // Changed 'grass' to 'GRASS_FULL' to match terrainType.name
|
||||
(x < farmMinX || x > farmMaxX || y < farmMinY || y > farmMaxY)) {
|
||||
|
||||
const rand = Math.random();
|
||||
|
||||
// 10% chance for flowers
|
||||
if (rand < 0.10) {
|
||||
const flowerTypes = ['flowers_new', 'flowers_pink_isometric'];
|
||||
const randomType = flowerTypes[Math.floor(Math.random() * flowerTypes.length)];
|
||||
this.addDecoration(x, y, randomType);
|
||||
}
|
||||
// 8% chance for grass patches (visual variety)
|
||||
else if (rand >= 0.10 && rand < 0.18) {
|
||||
this.addDecoration(x, y, 'grass_sprite');
|
||||
}
|
||||
// 5% chance for bushes
|
||||
else if (rand >= 0.18 && rand < 0.23) {
|
||||
this.addDecoration(x, y, 'bush_small');
|
||||
}
|
||||
// 3% chance for small rocks
|
||||
else if (rand >= 0.23 && rand < 0.26) {
|
||||
const rockTypes = ['rock_small', 'rock_2'];
|
||||
const randomRock = rockTypes[Math.floor(Math.random() * rockTypes.length)];
|
||||
this.addDecoration(x, y, randomRock);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Check if this chunk contains farm border
|
||||
if (cx * this.chunkSize <= farmMaxX && (cx + 1) * this.chunkSize >= farmMinX &&
|
||||
cy * this.chunkSize <= farmMaxY && (cy + 1) * this.chunkSize >= farmMinY) {
|
||||
|
||||
// Top border (y = farmMinY)
|
||||
if (startY <= farmMinY && endY > farmMinY) {
|
||||
for (let x = Math.max(startX, farmMinX); x <= Math.min(endX - 1, farmMaxX); x++) {
|
||||
this.addDecoration(x, farmMinY, 'fence_isometric');
|
||||
}
|
||||
}
|
||||
|
||||
// Bottom border (y = farmMaxY)
|
||||
if (startY <= farmMaxY && endY > farmMaxY) {
|
||||
for (let x = Math.max(startX, farmMinX); x <= Math.min(endX - 1, farmMaxX); x++) {
|
||||
this.addDecoration(x, farmMaxY, 'fence_isometric');
|
||||
}
|
||||
}
|
||||
|
||||
// Left border (x = farmMinX)
|
||||
if (startX <= farmMinX && endX > farmMinX) {
|
||||
for (let y = Math.max(startY, farmMinY); y <= Math.min(endY - 1, farmMaxY); y++) {
|
||||
this.addDecoration(farmMinX, y, 'fence_isometric');
|
||||
}
|
||||
}
|
||||
|
||||
// Right border (x = farmMaxX)
|
||||
if (startX <= farmMaxX && endX > farmMaxX) {
|
||||
for (let y = Math.max(startY, farmMinY); y <= Math.min(endY - 1, farmMaxY); y++) {
|
||||
this.addDecoration(farmMaxX, y, 'fence_isometric');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
updateChunks(camera) {
|
||||
@@ -732,14 +808,15 @@ class TerrainSystem {
|
||||
typeLower.includes('small_rock') ||
|
||||
typeLower.includes('path_stone') ||
|
||||
typeLower.includes('mushroom') ||
|
||||
typeLower.includes('puddle');
|
||||
typeLower.includes('puddle') ||
|
||||
typeLower.includes('fence'); // OGRAJE SO PREHODNE!
|
||||
|
||||
const isSolid = !isSmallDecor && (
|
||||
typeLower.includes('tree') ||
|
||||
typeLower.includes('sapling') ||
|
||||
typeLower.includes('rock') ||
|
||||
typeLower.includes('stone') ||
|
||||
typeLower.includes('fence') ||
|
||||
// fence REMOVED - it's walkable now!
|
||||
typeLower.includes('wall') ||
|
||||
typeLower.includes('signpost') ||
|
||||
typeLower.includes('hill') ||
|
||||
|
||||
58
tools/create_spritesheet.js
Normal file
58
tools/create_spritesheet.js
Normal file
@@ -0,0 +1,58 @@
|
||||
// Spritesheet Creator - combines 6 individual frames into horizontal spritesheet
|
||||
const { createCanvas, loadImage } = require('canvas');
|
||||
const fs = require('fs');
|
||||
const path = require('path');
|
||||
|
||||
async function createSpritesheet(frames, outputPath) {
|
||||
const frameWidth = 64;
|
||||
const frameHeight = 64;
|
||||
const totalWidth = frameWidth * frames.length;
|
||||
|
||||
const canvas = createCanvas(totalWidth, frameHeight);
|
||||
const ctx = canvas.getContext('2d');
|
||||
|
||||
console.log(`Creating spritesheet: ${totalWidth}x${frameHeight}`);
|
||||
|
||||
for (let i = 0; i < frames.length; i++) {
|
||||
try {
|
||||
const img = await loadImage(frames[i]);
|
||||
ctx.drawImage(img, i * frameWidth, 0, frameWidth, frameHeight);
|
||||
console.log(` Frame ${i + 1}: ${path.basename(frames[i])}`);
|
||||
} catch (err) {
|
||||
console.error(`Error loading frame ${i + 1}:`, err.message);
|
||||
}
|
||||
}
|
||||
|
||||
const buffer = canvas.toBuffer('image/png');
|
||||
fs.writeFileSync(outputPath, buffer);
|
||||
console.log(`✅ Spritesheet saved: ${outputPath}`);
|
||||
}
|
||||
|
||||
// Define frame paths
|
||||
const playerFrames = [
|
||||
'C:/Users/hipod/.gemini/antigravity/brain/c3cb08b5-19b4-4254-a001-eeab1394eb46/player_frame_1_idle_1765466652332.png',
|
||||
'C:/Users/hipod/.gemini/antigravity/brain/c3cb08b5-19b4-4254-a001-eeab1394eb46/player_frame_2_left_1765466686157.png',
|
||||
'C:/Users/hipod/.gemini/antigravity/brain/c3cb08b5-19b4-4254-a001-eeab1394eb46/player_frame_3_mid_left_1765466722379.png',
|
||||
'C:/Users/hipod/.gemini/antigravity/brain/c3cb08b5-19b4-4254-a001-eeab1394eb46/player_frame_4_right_1765466767612.png',
|
||||
'C:/Users/hipod/.gemini/antigravity/brain/c3cb08b5-19b4-4254-a001-eeab1394eb46/player_frame_5_mid_right_1765466812029.png',
|
||||
'C:/Users/hipod/.gemini/antigravity/brain/c3cb08b5-19b4-4254-a001-eeab1394eb46/player_frame_6_idle_return_1765466859078.png'
|
||||
];
|
||||
|
||||
const zombieFrames = [
|
||||
'C:/Users/hipod/.gemini/antigravity/brain/c3cb08b5-19b4-4254-a001-eeab1394eb46/zombie_frame_1_idle_1765466924235.png',
|
||||
'C:/Users/hipod/.gemini/antigravity/brain/c3cb08b5-19b4-4254-a001-eeab1394eb46/zombie_frame_2_left_1765466975297.png',
|
||||
'C:/Users/hipod/.gemini/antigravity/brain/c3cb08b5-19b4-4254-a001-eeab1394eb46/zombie_frame_3_mid_left_1765467026661.png',
|
||||
'C:/Users/hipod/.gemini/antigravity/brain/c3cb08b5-19b4-4254-a001-eeab1394eb46/zombie_frame_4_right_1765467064996.png',
|
||||
'C:/Users/hipod/.gemini/antigravity/brain/c3cb08b5-19b4-4254-a001-eeab1394eb46/zombie_frame_5_mid_right_1765467114381.png',
|
||||
'C:/Users/hipod/.gemini/antigravity/brain/c3cb08b5-19b4-4254-a001-eeab1394eb46/zombie_frame_6_idle_return_1765467152088.png'
|
||||
];
|
||||
|
||||
// Run
|
||||
(async () => {
|
||||
console.log('🎬 Creating spritesheets...\n');
|
||||
|
||||
await createSpritesheet(playerFrames, 'c:/novafarma/assets/player_dreadlocks.png');
|
||||
await createSpritesheet(zombieFrames, 'c:/novafarma/assets/zombie_worker.png');
|
||||
|
||||
console.log('\n✅ ALL DONE!');
|
||||
})();
|
||||
69
tools/farming_controls_template.js
Normal file
69
tools/farming_controls_template.js
Normal file
@@ -0,0 +1,69 @@
|
||||
// FARMING CONTROLS - Add to Player.js
|
||||
|
||||
// In handleAction() method, add this code:
|
||||
|
||||
handleFarmingAction() {
|
||||
if (!this.scene.farmingSystem) return;
|
||||
|
||||
const selectedSlot = this.scene.scene.get('UIScene').selectedSlot;
|
||||
const inventory = this.scene.inventorySystem;
|
||||
const item = inventory ? inventory.slots[selectedSlot] : null;
|
||||
const itemType = item ? item.type : null;
|
||||
|
||||
// Get grid position player is facing
|
||||
const facingX = this.gridX;
|
||||
const facingY = this.gridY;
|
||||
|
||||
// Adjust based on direction (optional - or use mouse click position)
|
||||
// For now, use tile player is standing on
|
||||
|
||||
// HOE - Till soil
|
||||
if (itemType === 'hoe') {
|
||||
const success = this.scene.farmingSystem.tillSoil(facingX, facingY);
|
||||
if (success) {
|
||||
// Play sound/animation
|
||||
if (this.scene.soundManager) this.scene.soundManager.playDig();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
// SEEDS - Plant
|
||||
if (itemType === 'carrot' || itemType === 'wheat') {
|
||||
const success = this.scene.farmingSystem.plantSeed(facingX, facingY, itemType);
|
||||
if (success) {
|
||||
// Consume seed
|
||||
inventory.removeItem(itemType, 1);
|
||||
if (this.scene.soundManager) this.scene.soundManager.playPlant();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
// EMPTY HAND - Harvest
|
||||
if (!itemType) {
|
||||
const success = this.scene.farmingSystem.harvestCrop(facingX, facingY);
|
||||
if (success) {
|
||||
if (this.scene.soundManager) this.scene.soundManager.playHarvest();
|
||||
}
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
// In Player update(), listen for SPACE or MOUSE CLICK:
|
||||
// Add to existing input handling:
|
||||
|
||||
/*
|
||||
if (this.scene.input.keyboard.checkDown(this.scene.input.keyboard.addKey('SPACE'), 300)) {
|
||||
this.handleFarmingAction();
|
||||
}
|
||||
*/
|
||||
|
||||
// OR use mouse click on tile:
|
||||
/*
|
||||
this.scene.input.on('pointerdown', (pointer) => {
|
||||
const worldPoint = this.scene.cameras.main.getWorldPoint(pointer.x, pointer.y);
|
||||
const gridPos = this.scene.iso.toGrid(worldPoint.x, worldPoint.y);
|
||||
|
||||
// Farming action at clicked tile
|
||||
this.farmAtTile(gridPos.x, gridPos.y);
|
||||
});
|
||||
*/
|
||||
109
tools/time_control_panel.js
Normal file
109
tools/time_control_panel.js
Normal file
@@ -0,0 +1,109 @@
|
||||
// Time Speed Control Panel
|
||||
// Add to UIScene.js
|
||||
|
||||
createTimeControlPanel() {
|
||||
const x = this.scale.width - 170;
|
||||
const y = 250; // Below resources
|
||||
|
||||
// Container
|
||||
this.timeControlContainer = this.add.container(x, y);
|
||||
this.timeControlContainer.setDepth(1000);
|
||||
|
||||
// Background
|
||||
const bg = this.add.graphics();
|
||||
bg.fillStyle(0x1a1a2a, 0.8);
|
||||
bg.fillRect(0, 0, 150, 100);
|
||||
bg.lineStyle(2, 0x4a90e2, 0.8);
|
||||
bg.strokeRect(0, 0, 150, 100);
|
||||
this.timeControlContainer.add(bg);
|
||||
|
||||
// Title
|
||||
const title = this.add.text(75, 15, 'TIME SPEED', {
|
||||
fontSize: '12px',
|
||||
fontFamily: 'Courier New',
|
||||
fill: '#ffffff',
|
||||
fontStyle: 'bold'
|
||||
}).setOrigin(0.5, 0.5);
|
||||
this.timeControlContainer.add(title);
|
||||
|
||||
// Speed buttons
|
||||
const speeds = [
|
||||
{ label: '1x', value: 1.0, y: 40 },
|
||||
{ label: '2x', value: 2.0, y: 60 },
|
||||
{ label: '5x', value: 5.0, y: 80 }
|
||||
];
|
||||
|
||||
this.timeSpeedButtons = [];
|
||||
|
||||
speeds.forEach((speed, i) => {
|
||||
const btn = this.add.text(75, speed.y, speed.label, {
|
||||
fontSize: '14px',
|
||||
fontFamily: 'Courier New',
|
||||
fill: '#4a90e2',
|
||||
fontStyle: 'bold',
|
||||
backgroundColor: '#1a1a2a',
|
||||
padding: { x: 20, y: 5 }
|
||||
}).setOrigin(0.5, 0.5);
|
||||
|
||||
btn.setInteractive({ useHandCursor: true });
|
||||
btn.on('pointerdown', () => {
|
||||
this.setTimeSpeed(speed.value);
|
||||
this.highlightSpeedButton(i);
|
||||
});
|
||||
|
||||
this.timeControlContainer.add(btn);
|
||||
this.timeSpeedButtons.push(btn);
|
||||
});
|
||||
|
||||
// Highlight default (1x)
|
||||
this.highlightSpeedButton(0);
|
||||
|
||||
// Pause button
|
||||
const pauseBtn = this.add.text(10, 15, '⏸️', {
|
||||
fontSize: '18px'
|
||||
}).setOrigin(0, 0.5);
|
||||
|
||||
pauseBtn.setInteractive({ useHandCursor: true });
|
||||
pauseBtn.on('pointerdown', () => {
|
||||
this.toggleTimePause();
|
||||
});
|
||||
|
||||
this.timeControlContainer.add(pauseBtn);
|
||||
this.pauseBtn = pauseBtn;
|
||||
}
|
||||
|
||||
setTimeSpeed(speed) {
|
||||
if (this.gameScene && this.gameScene.timeSystem) {
|
||||
this.gameScene.timeSystem.timeScale = speed;
|
||||
console.log(`⏱️ Time speed: ${speed}x`);
|
||||
}
|
||||
}
|
||||
|
||||
highlightSpeedButton(index) {
|
||||
this.timeSpeedButtons.forEach((btn, i) => {
|
||||
if (i === index) {
|
||||
btn.setStyle({ fill: '#ffff00', backgroundColor: '#2a4a6a' });
|
||||
} else {
|
||||
btn.setStyle({ fill: '#4a90e2', backgroundColor: '#1a1a2a' });
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
toggleTimePause() {
|
||||
if (!this.gameScene || !this.gameScene.timeSystem) return;
|
||||
|
||||
const ts = this.gameScene.timeSystem;
|
||||
|
||||
if (ts.timeScale === 0) {
|
||||
// Unpause
|
||||
ts.timeScale = this.lastTimeScale || 1.0;
|
||||
this.pauseBtn.setText('⏸️');
|
||||
console.log('▶️ Time resumed');
|
||||
} else {
|
||||
// Pause
|
||||
this.lastTimeScale = ts.timeScale;
|
||||
ts.timeScale = 0;
|
||||
this.pauseBtn.setText('▶️');
|
||||
console.log('⏸️ Time paused');
|
||||
}
|
||||
}
|
||||
160
tools/ui_panels_code.js
Normal file
160
tools/ui_panels_code.js
Normal file
@@ -0,0 +1,160 @@
|
||||
// ZOMBIE & FARM STATS PANELS - Add to UIScene.js
|
||||
|
||||
// Call this in create() method:
|
||||
createZombieStatsPanel() {
|
||||
const panelWidth = 220;
|
||||
const panelHeight = 140;
|
||||
const x = 20;
|
||||
const y = 120; // Below player stats
|
||||
|
||||
// Container
|
||||
this.zombieStatsContainer = this.add.container(x, y);
|
||||
this.zombieStatsContainer.setDepth(1000);
|
||||
|
||||
// Background
|
||||
const bg = this.add.graphics();
|
||||
bg.fillStyle(0x1a1a2e, 0.9);
|
||||
bg.fillRect(0, 0, panelWidth, panelHeight);
|
||||
bg.lineStyle(2, 0x8a2be2, 0.8); // Purple border (zombie theme)
|
||||
bg.strokeRect(0, 0, panelWidth, panelHeight);
|
||||
this.zombieStatsContainer.add(bg);
|
||||
|
||||
// Title
|
||||
const title = this.add.text(panelWidth / 2, 15, '🧟 ZOMBIE WORKER', {
|
||||
fontSize: '14px',
|
||||
fontFamily: 'Courier New',
|
||||
fill: '#8a2be2',
|
||||
fontStyle: 'bold'
|
||||
}).setOrigin(0.5);
|
||||
this.zombieStatsContainer.add(title);
|
||||
|
||||
// Stats Text
|
||||
this.zombieNameText = this.add.text(10, 35, 'Name: Worker #1', {
|
||||
fontSize: '12px',
|
||||
fill: '#ffffff'
|
||||
});
|
||||
this.zombieStatsContainer.add(this.zombieNameText);
|
||||
|
||||
this.zombieTaskText = this.add.text(10, 55, 'Task: IDLE', {
|
||||
fontSize: '12px',
|
||||
fill: '#ffff00'
|
||||
});
|
||||
this.zombieStatsContainer.add(this.zombieTaskText);
|
||||
|
||||
this.zombieLevelText = this.add.text(10, 75, 'Level: 1 (0/100 XP)', {
|
||||
fontSize: '12px',
|
||||
fill: '#00ff00'
|
||||
});
|
||||
this.zombieStatsContainer.add(this.zombieLevelText);
|
||||
|
||||
// Energy Bar
|
||||
this.add.text(10, 95, 'ENERGY:', { fontSize: '11px', fill: '#aaaaaa' });
|
||||
this.zombieEnergyBar = this.drawMiniBar(10, 110, panelWidth - 20, 15, 0x00aaff, 100);
|
||||
this.zombieStatsContainer.add(this.zombieEnergyBar.bg);
|
||||
this.zombieStatsContainer.add(this.zombieEnergyBar.fill);
|
||||
|
||||
// Initially hidden - shows when zombie is selected/nearby
|
||||
this.zombieStatsContainer.setVisible(false);
|
||||
}
|
||||
|
||||
createFarmStatsPanel() {
|
||||
const panelWidth = 220;
|
||||
const panelHeight = 120;
|
||||
const x = 20;
|
||||
const y = 280; // Below zombie stats
|
||||
|
||||
// Container
|
||||
this.farmStatsContainer = this.add.container(x, y);
|
||||
this.farmStatsContainer.setDepth(1000);
|
||||
|
||||
// Background
|
||||
const bg = this.add.graphics();
|
||||
bg.fillStyle(0x1a2e1a, 0.9);
|
||||
bg.fillRect(0, 0, panelWidth, panelHeight);
|
||||
bg.lineStyle(2, 0x00ff00, 0.8); // Green border (farm theme)
|
||||
bg.strokeRect(0, 0, panelWidth, panelHeight);
|
||||
this.farmStatsContainer.add(bg);
|
||||
|
||||
// Title
|
||||
const title = this.add.text(panelWidth / 2, 15, '🌾 FARM STATS', {
|
||||
fontSize: '14px',
|
||||
fontFamily: 'Courier New',
|
||||
fill: '#00ff00',
|
||||
fontStyle: 'bold'
|
||||
}).setOrigin(0.5);
|
||||
this.farmStatsContainer.add(title);
|
||||
|
||||
// Stats
|
||||
this.farmCropsPlantedText = this.add.text(10, 40, 'Crops Planted: 0', {
|
||||
fontSize: '12px',
|
||||
fill: '#ffffff'
|
||||
});
|
||||
this.farmStatsContainer.add(this.farmCropsPlantedText);
|
||||
|
||||
this.farmCropsHarvestedText = this.add.text(10, 60, 'Total Harvested: 0', {
|
||||
fontSize: '12px',
|
||||
fill: '#ffff00'
|
||||
});
|
||||
this.farmStatsContainer.add(this.farmCropsHarvestedText);
|
||||
|
||||
this.farmGoldEarnedText = this.add.text(10, 80, 'Gold Earned: 0g', {
|
||||
fontSize: '12px',
|
||||
fill: '#ffd700'
|
||||
});
|
||||
this.farmStatsContainer.add(this.farmGoldEarnedText);
|
||||
|
||||
this.farmDaysText = this.add.text(10, 100, 'Days Farmed: 0', {
|
||||
fontSize: '12px',
|
||||
fill: '#aaaaaa'
|
||||
});
|
||||
this.farmStatsContainer.add(this.farmDaysText);
|
||||
}
|
||||
|
||||
drawMiniBar(x, y, width, height, color, initialPercent = 100) {
|
||||
// Background
|
||||
const bg = this.add.graphics();
|
||||
bg.fillStyle(0x000000, 0.5);
|
||||
bg.fillRect(x, y, width, height);
|
||||
bg.lineStyle(1, 0xffffff, 0.3);
|
||||
bg.strokeRect(x, y, width, height);
|
||||
|
||||
// Fill
|
||||
const fill = this.add.graphics();
|
||||
fill.fillStyle(color, 1);
|
||||
const maxWidth = width - 4;
|
||||
const currentWidth = (maxWidth * initialPercent) / 100;
|
||||
fill.fillRect(x + 2, y + 2, currentWidth, height - 4);
|
||||
|
||||
return { bg, fill, x, y, width, height, color };
|
||||
}
|
||||
|
||||
setMiniBarValue(bar, percent) {
|
||||
percent = Phaser.Math.Clamp(percent, 0, 100);
|
||||
bar.fill.clear();
|
||||
bar.fill.fillStyle(bar.color, 1);
|
||||
const maxWidth = bar.width - 4;
|
||||
const currentWidth = (maxWidth * percent) / 100;
|
||||
bar.fill.fillRect(bar.x + 2, bar.y + 2, currentWidth, bar.height - 4);
|
||||
}
|
||||
|
||||
// Update methods (call from update())
|
||||
updateZombieStats(zombie) {
|
||||
if (!zombie || !this.zombieStatsContainer) return;
|
||||
|
||||
this.zombieStatsContainer.setVisible(true);
|
||||
this.zombieNameText.setText(`Name: ${zombie.name || 'Worker #1'}`);
|
||||
this.zombieTaskText.setText(`Task: ${zombie.task || 'IDLE'}`);
|
||||
this.zombieLevelText.setText(`Level: ${zombie.level || 1} (${zombie.xp || 0}/100 XP)`);
|
||||
|
||||
const energy = zombie.energy !== undefined ? zombie.energy : 100;
|
||||
this.setMiniBarValue(this.zombieEnergyBar, energy);
|
||||
}
|
||||
|
||||
updateFarmStats(stats) {
|
||||
if (!stats || !this.farmStatsContainer) return;
|
||||
|
||||
this.farmCropsPlantedText.setText(`Crops Planted: ${stats.cropsPlanted || 0}`);
|
||||
this.farmCropsHarvestedText.setText(`Total Harvested: ${stats.totalHarvested || 0}`);
|
||||
this.farmGoldEarnedText.setText(`Gold Earned: ${stats.goldEarned || 0}g`);
|
||||
this.farmDaysText.setText(`Days Farmed: ${stats.daysFarmed || 0}`);
|
||||
}
|
||||
Reference in New Issue
Block a user