# ๐ŸŽฎ 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 โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ 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! ๐Ÿš€**