diff --git a/DEMO_COMPLETION_PLAN.md b/DEMO_COMPLETION_PLAN.md new file mode 100644 index 000000000..8ff02a87e --- /dev/null +++ b/DEMO_COMPLETION_PLAN.md @@ -0,0 +1,188 @@ +# 🎮 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! 🚀**