# 🎮 DEMO COMPLETION PLAN - Final Steps!

**Date:** 3. Januar 2026 @ 17:15  
**Goal:** Playable 5-minute demo!  
**Status:** Assets ready (74 PNG), start coding!

---

## ✅ **KAR JE ŽE DONE:**

```
✅ Assets: 74 PNG files organized!
   • Kai animations (walk, idle) ✅
   • Gronk NPC (walk, vape, idle) ✅
   • Zombies (10+ variants) ✅
   • Wheat crops (3 stages + seeds) ✅
   • Buildings (farmhouse, barn) ✅
   • Trees (oak + stump) ✅
   • VFX (poof effect) ✅

✅ Phaser 3: Already integrated!
✅ GameScene.js: Exists (2,392 lines!)
✅ Player.js: Entity ready!
✅ NPC.js: Entity ready!
```

---

## 🎯 **KAJ ŠE MANJKA ZA DEMO:**

### **STEP 1: Create DemoScene.js** ⚠️

```javascript
Simple scene z:
- Small farm area (use procedural terrain)
- Kai spawn
- Gronk spawn (near farmhouse)
- 3 zombie spawns (ambient)
- Basic UI (health, stamina, inventory)
```

### **STEP 2: Gronk Dialogue System** ⚠️

```javascript
Simple quest dialogue:
- "Hey! Want to learn farming?"
- Give quest: "Plant 5 Wheat Seeds"
- Give items: 5 Seeds, 1 Hoe, 1 Watering Can
- Quest complete: "Good job! Here's gold!"
```

### **STEP 3: Wheat Planting Logic** ⚠️

```javascript
Farming mechanics:
- Use hoe → till soil (dirt tile)
- Use seeds → plant wheat (stage 1)
- Use watering can → water (stage 2)
- Wait 10 sec → grow (stage 3 - ready!)
- Harvest → get wheat + seeds back
```

### **STEP 4: Basic UI** ⚠️

```javascript
Simple HUD:
- Health bar (top left)
- Stamina bar (below health)
- Inventory (bottom - 6 slots)
- Dialogue box (bottom center)
- Quest tracker (top right)
```

### **STEP 5: Test & Polish** ⚠️

```
- Bug fixes
- Sound effects (optional)
- Music (optional)
- Deploy version
```

---

## 📋 **DEMO SCENE CODE STRUCTURE:**

```javascript
// src/scenes/DemoScene.js

class DemoScene extends Phaser.Scene {
    constructor() {
        super({ key: 'DemoScene' });
    }
    
    create() {
        // 1. Setup world (small 32×32 area)
        // 2. Spawn Kai (player)
        // 3. Spawn Gronk (NPC at farmhouse)
        // 4. Spawn 3 zombies (ambient)
        // 5. Setup UI
        // 6. Setup controls
        // 7. Setup quest system
    }
    
    update() {
        // Game loop
        // Player movement
        // NPC interactions
        // Crop growth
    }
}
```

---

## 🚀 **IMMEDIATE NEXT STEPS:**

```
RIGHT NOW:
1. Create DemoScene.js ✅ (START HERE!)
2. Load demo assets
3. Spawn entities
4. Add Gronk dialogue
5. Test gameplay!

TIME ESTIMATE: 2-3 hours
TARGET: PLAYABLE TODAY! 🎮
```

---

## 📁 **FILES TO CREATE:**

```
NEW:
/src/scenes/DemoScene.js          ← Main demo scene
/src/systems/SimpleQuestSystem.js ← Quest logic
/src/ui/SimpleDialogueUI.js       ← Dialogue UI

UPDATE:
/src/game.js                      ← Add DemoScene to scenes
/index.html                       ← Load DemoScene.js
```

---

## 🎮 **DEMO GAMEPLAY FLOW:**

```
START:
→ Kai spawns on farm
→ Gronk stands near farmhouse
→ 3 zombies wander around

MINUTE 1:
→ Player walks around (WASD)
→ Sees zombies (non-hostile)
→ Finds Gronk

MINUTE 2:
→ Talk to Gronk (E key)
→ Gronk gives quest
→ Receive: 5 seeds, hoe, watering can

MINUTE 3:
→ Use hoe (1 key) → till soil
→ Use seeds (2 key) → plant
→ Use watering can (3 key) → water
→ Crops grow instantly (demo speed!)

MINUTE 4:
→ Harvest wheat (E key)
→ Return to Gronk
→ Complete quest!
→ Reward: 100 gold

MINUTE 5:
→ "DEMO COMPLETE" screen
→ "Full game coming soon!"
→ Link to Kickstarter

DONE! ✅
```

---

**📁 SAVED AS: DEMO_COMPLETION_PLAN.md**  
**NEXT: Create DemoScene.js! 🚀**