# 📖 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)*