189 lines
3.6 KiB
Markdown
189 lines
3.6 KiB
Markdown
# 🎮 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! 🚀**
|