novafarma/docs/DNEVNIK.md

📖 DNEVNIK RAZVOJA - NovaFarma

🗓️ 14. December 2024 - Session 1: Tiled Map Editor Exploration

Trajanje: 2 uri (20:00 - 22:00)
Cilj: Integracija Tiled Map Editor za custom map design

✅ Dosežki:

1. Tiled Map Editor Setup:

   • ✅ Instaliran Tiled v1.11.2 (via winget)
   • ✅ Ustvarjena workflow dokumentacija (.agent/workflows/tiled-map-setup.md)
   • ✅ Demo mapa ustvarjena (farm_map.tmx, farm_map.json)
   • ✅ Tileset files (.tsx) pripravljeni

2. Bug Fixes:

   • ✅ SaveSystem.js - fixed compatibility z Flat2DTerrainSystem
   • ✅ InteractionSystem.js - dodal null check za terrainSystem

3. 2D Visual Enhancements (Predhodni session):

   • ✅ Cherry blossom trees (flat 2D triangular design)
   • ✅ Vibrant colors (grass, water, dirt)
   • ✅ Outlines za 2D cartoon style

❌ Izzivi:

1. Tiled Integration Incomplete:

   • Tileset PNG slike so prevelike (3072x3072 namesto 192x192)
   • Tile indices ne kažejo pravih pixlov
   • Layer rendering ne deluje
   • ODLOČITEV: Rollback na procedural Flat2DTerrainSystem

2. Časovna omejitev:

   • 2 uri dela brez vidnega rezultata
   • Kompleksnost Tiled integracije podcenjena

🎯 Naslednji Koraki:

1. Tiled Map - Future Work:

   • Narediti pravilne tileset PNG slike (192x192, 4x4 grid)
   • Testirati z manjšimi demo mapami
   • Raziskati Phaser Tiled integration best practices

2. 2D Map Improvements:

   • Nadaljnja vizualna poliranje procedural sistema
   • Auto-tiling za smooth edges (grass/water transitions)
   • Weather effects (rain on water)

📊 Statistika:

• Datoteke spremenjene: 11
• Nove datoteke: 5 (Tiled setup)
• Linije kode: ~500 (večinoma debugging in testiranje)
• Bugs fixed: 3

💡 Lekcije:

1. Procedural sistem deluje dobro - ni nujno zamenjati
2. Tiled integration zahteva več raziskave - tileset dimensions critical
3. Incremental approach - manjše testne mape pred velikimi
4. Time management - vedno imej rollback plan!

---

🗓️ 14. December 2024 - Session 2: Cherry Blossom Trees + Visual Polish

Trajanje: 30 min (22:30 - 23:00)
Cilj: Dodati cherry blossom drevesa in testirati PNG sprite integration

✅ Dosežki:

1. Cherry Blossom Trees:

   • ✅ Generirane AI PNG slike (roza_cesnjevo_drevo.png, cesnja_sadje.png)
   • ✅ Dodan loading v PreloadScene.js
   • ✅ Implementiran PNG sprite rendering v Flat2DTerrainSystem
   • ✅ Testiranje različnih velikosti (0.8x → 0.5x scale)

2. Background Removal Attempts:

   • ✅ Dodal cherry tree v processSpriteTransparency() seznam
   • ✅ Implementiral ultraRemoveBackground() za pink + brown piksle
   • ❌ AI generiran PNG ima črne obrobe ki jih težko odstranimo

3. Končna Rešitev:

   • ✅ Revert nazaj na proceduralne cherry blossom trees (roza trikotniki)
   • ✅ Čisto brez artefaktov, pravilno rendering

🎨 POMEMBNO PRAVILO - Image Generation:

🟢 VSE PRIHODNJE AI GENERIRANE SLIKE:

• GREEN SCREEN BACKGROUND (RGB: 0, 255, 0)
• 100% solid green - NO gradients, NO transparency
• Razlog: Chroma-key removal je 100% zanesljiv!
• Sistem že ima processSpriteTransparency() - lahko dodamo green detection

Format:

Background: Solid bright green (#00FF00)
Subject: Clear, sharp edges
No anti-aliasing on green boundary

💡 Lekcije:

1. AI transparency NE DELUJE zanesljivo - vedno ostanejo artefakti
2. Green screen je STANDARD - uporablja Hollywood, uporabimo tudi mi!
3. Procedural graphics > problematic PNGs - če PNG ne deluje, procedural je backup
4. Test early - raje testiraj hitro kot da persistent z nedelujočim pristopom

---

Prejšnji Sessions:

(Sessions pred 14.12.2024 niso dokumentirani v tem dnevniku)