259 lines
6.0 KiB
Markdown
259 lines
6.0 KiB
Markdown
# 🎮 KAJ ŠE RABIŠ NAREDITI ZA DEMO - SIMPLE CHECKLIST
|
||
|
||
**Datum:** 3. Januar 2026 @ 17:20
|
||
**Status:** Assets done ✅, Code pending ⚠️
|
||
|
||
---
|
||
|
||
## ✅ **KAR JE ŽE DONE:**
|
||
|
||
```
|
||
✅ Vse slike (74 PNG):
|
||
- Kai (player) ✅
|
||
- Gronk (NPC) ✅
|
||
- Zombies ✅
|
||
- Wheat (3 growth stages) ✅
|
||
- Buildings (farmhouse, barn) ✅
|
||
- Trees (oak + stump) ✅
|
||
- VFX (effects) ✅
|
||
|
||
✅ Phaser 3 engine dela ✅
|
||
✅ index.html ready ✅
|
||
✅ GameScene.js obstaja (2,392 vrstic) ✅
|
||
```
|
||
|
||
---
|
||
|
||
## ⚠️ **KAJ ŠE MANJKA (5 STVARI):**
|
||
|
||
### **1. DemoScene.js** ⚠️ (MAIN!)
|
||
|
||
```
|
||
Kje: /src/scenes/DemoScene.js
|
||
|
||
Kaj mora vsebovati:
|
||
- Majhna farma (32×32 tiles)
|
||
- Spawn Kai-ja (player)
|
||
- Spawn Gronka (NPC pri hiši)
|
||
- Spawn 3 zombijev (hodijo naokoli)
|
||
- Kamera sledi Kai-ju
|
||
- Basic controls (WASD movement)
|
||
|
||
ČAS: ~1 ura
|
||
```
|
||
|
||
### **2. Gronk Dialogue** ⚠️
|
||
|
||
```
|
||
Kaj rabiš:
|
||
- Pogovorni sistem (preprosto!)
|
||
- Ko pritisnš E pri Gronku → dialog box
|
||
- Text: "Hey! Want to learn farming? Plant 5 wheat seeds!"
|
||
- Dobiš: 5 seeds, 1 hoe, 1 watering can
|
||
- Quest tracker se prikaže
|
||
|
||
ČAS: ~30 min
|
||
```
|
||
|
||
### **3. Wheat Planting System** ⚠️
|
||
|
||
```
|
||
Kaj mora delati:
|
||
- Press 1 = Use Hoe (till soil → dirt)
|
||
- Press 2 = Use Seeds (plant on dirt → wheat stage 1)
|
||
- Press 3 = Use Watering Can (water → wheat stage 2)
|
||
- Wait 10 sec → wheat stage 3 (ready!)
|
||
- Press E = Harvest (get wheat + seeds back)
|
||
|
||
ČAS: ~1 ura
|
||
```
|
||
|
||
### **4. Basic UI** ⚠️
|
||
|
||
```
|
||
Kaj rabiš na ekranu:
|
||
- Health bar (top left)
|
||
- Stamina bar (pod health)
|
||
- Inventory (bottom - 6 slots)
|
||
- Dialogue box (bottom center - ko govoriš z Gronkom)
|
||
- Quest tracker (top right - "Plant 5 wheat: 0/5")
|
||
|
||
ČAS: ~30 min
|
||
```
|
||
|
||
### **5. Test & Finish** ⚠️
|
||
|
||
```
|
||
- Run game (npm run electron)
|
||
- Test vse:
|
||
* Movement dela? ✅
|
||
* Gronk dialogue dela? ✅
|
||
* Planting dela? ✅
|
||
* Quest complete dela? ✅
|
||
- Add "DEMO COMPLETE" screen
|
||
- Add link do Kickstarter
|
||
|
||
ČAS: ~30 min
|
||
```
|
||
|
||
---
|
||
|
||
## 📊 **TOTAL ČAS: 3-4 URE**
|
||
|
||
```
|
||
╔════════════════════════════════════════════╗
|
||
║ KAJ ŠE MANJKA ZA DEMO: ║
|
||
╠════════════════════════════════════════════╣
|
||
║ ║
|
||
║ 1. DemoScene.js → 1h ⚠️ ║
|
||
║ 2. Gronk dialogue → 30min ⚠️ ║
|
||
║ 3. Wheat planting → 1h ⚠️ ║
|
||
║ 4. Basic UI → 30min ⚠️ ║
|
||
║ 5. Test & finish → 30min ⚠️ ║
|
||
║ ║
|
||
║ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ║
|
||
║ TOTAL: 3-4 URE ║
|
||
║ ║
|
||
╚════════════════════════════════════════════╝
|
||
```
|
||
|
||
---
|
||
|
||
## 🎯 **PO PRIORITETI (OD NAJPOMEMBNEJŠEGA):**
|
||
|
||
```
|
||
PRIORITETA 1: DemoScene.js ⭐⭐⭐
|
||
→ Brez tega nimaš nič!
|
||
→ Create world, spawn entities
|
||
→ Basic movement
|
||
→ START HERE! ✅
|
||
|
||
PRIORITETA 2: Wheat Planting ⭐⭐
|
||
→ Core gameplay mechanic
|
||
→ Hoe → Seeds → Watering Can → Harvest
|
||
→ To je "fun part"!
|
||
|
||
PRIORITETA 3: Gronk Dialogue ⭐⭐
|
||
→ Quest system
|
||
→ Gives demo direction
|
||
→ Simple text box
|
||
|
||
PRIORITETA 4: UI ⭐
|
||
→ Health/Stamina bars
|
||
→ Inventory display
|
||
→ Quest tracker
|
||
→ Nice to have, not critical
|
||
|
||
PRIORITETA 5: Polish
|
||
→ End screen
|
||
→ Sound (optional!)
|
||
→ Music (optional!)
|
||
```
|
||
|
||
---
|
||
|
||
## 💡 **QUICK START - KJE ZAČETI:**
|
||
|
||
```
|
||
STEP 1: Create DemoScene.js
|
||
───────────────────────────────
|
||
File: src/scenes/DemoScene.js
|
||
|
||
class DemoScene extends Phaser.Scene {
|
||
constructor() {
|
||
super({ key: 'DemoScene' });
|
||
}
|
||
|
||
create() {
|
||
// 1. Setup world
|
||
this.cameras.main.setBackgroundColor('#7cfc00');
|
||
|
||
// 2. Create player
|
||
this.player = new Player(this, 400, 300);
|
||
|
||
// 3. Create Gronk
|
||
this.gronk = new NPC(this, 500, 300, 'gronk');
|
||
|
||
// 4. Camera follow
|
||
this.cameras.main.startFollow(this.player.sprite);
|
||
|
||
// 5. Controls
|
||
this.cursors = this.input.keyboard.createCursorKeys();
|
||
}
|
||
|
||
update() {
|
||
// Player movement
|
||
if (this.cursors.left.isDown) {
|
||
this.player.move(-1, 0);
|
||
}
|
||
// etc...
|
||
}
|
||
}
|
||
```
|
||
|
||
STEP 2: Add to index.html
|
||
───────────────────────────────
|
||
<script src="src/scenes/DemoScene.js"></script>
|
||
|
||
STEP 3: Add to game.js
|
||
───────────────────────────────
|
||
scene: [BootScene, PreloadScene, DemoScene]
|
||
|
||
STEP 4: Test!
|
||
───────────────────────────────
|
||
npm run electron
|
||
|
||
DONE! ✅
|
||
```
|
||
|
||
---
|
||
|
||
## 📋 **SIMPLE CHECKLIST:**
|
||
|
||
```
|
||
□ Create DemoScene.js
|
||
□ Add to index.html
|
||
□ Add to game.js
|
||
□ Spawn player (Kai)
|
||
□ Spawn NPC (Gronk)
|
||
□ Spawn 3 zombies
|
||
□ Player movement (WASD)
|
||
□ Camera follow
|
||
□ Dialogue system (E key)
|
||
□ Gronk quest ("Plant 5 wheat")
|
||
□ Hoe tool (till soil)
|
||
□ Seeds (plant)
|
||
□ Watering can (water)
|
||
□ Crop growth (10 sec timer)
|
||
□ Harvest (E key)
|
||
□ Quest complete
|
||
□ UI (health, inventory)
|
||
□ Test everything
|
||
□ "Demo Complete" screen
|
||
```
|
||
|
||
---
|
||
|
||
## 🚀 **TL;DR - NAJMANJŠA VERZIJA:**
|
||
|
||
```
|
||
If you want MINIMAL demo (1 hour):
|
||
───────────────────────────────────────
|
||
1. DemoScene.js with:
|
||
- Player spawn + movement ✅
|
||
- Gronk NPC standing there ✅
|
||
- Walk around, see Gronk ✅
|
||
|
||
2. Press E at Gronk:
|
||
- Text: "Hey! This is a demo!" ✅
|
||
|
||
3. "DEMO COMPLETE" ✅
|
||
|
||
DONE! That's a demo! 🎮
|
||
```
|
||
|
||
---
|
||
|
||
**📁 SAVED AS: KAJ_SE_MANJKA_ZA_DEMO.md**
|
||
**START: Create DemoScene.js! 🚀**
|