# 🏕️ STARTING BASE 16×16 - FINALNI VODIČ (Z KAI!) 🎮

**UPDATED:** 20. Dec 2025 09:15 ✨  
**Tile Size:** 24×24px (camp objects), 48×48px (terrain, Kai)  
**Character:** Kai Marković DODAN!

---

## ✅ **STATUS:**

1. ✅ **Grass terrain** - 48×48px autotile
2. ✅ **Farm plot** - Tilled soil autotile
3. ✅ **Fence** - Wang set auto-connections
4. ✅ **Micro camp** - 24×24px objekti
5. ✅ **KAI CHARACTER** - 48×48px (2×2 grid: front/back/left/right) 🎉

---

## 🗺️ **LAYER SETUP:**

### **Layer 1: Ground**
- Celotna mapa: Grass terrain (48×48px)

### **Layer 2: TilledSoil**
- Center farm plot: 4×4 area

### **Layer 3: Fences**
- Around farm plot

### **Layer 4: Decorations**
- Trees, rocks, flowers

### **Layer 5: Objects**
- Micro camp 24×24px objekti (campfire, sleeping bag, chest, etc.)

### **Layer 6: Player** ← **NOVO!**
- **Kai character sprite**
- Starting position: Row 8, Col 8 (center of map)

---

## 📦 **TILESETS V MAPI:**

1. **grass_soil_autotile** (firstgid=1) - Ground terrain
2. **fence_autotile** (firstgid=17) - Fence auto-connections
3. **micro_camp_24px** (firstgid=33) - Camp objects (8 tiles)
4. **kai_character** (firstgid=41) - **KAI SPRITE (4 tiles)** 🎉
5. **farm_obstacles** (firstgid=45) - Obstacles

---

## 🎮 **KAI CHARACTER TILESET:**

**File:** `kai_character.tsx`  
**Image:** `kai_character.png` (1024×1024px - 2×2 grid)  
**Tile Size:** **512×512px** (HIGH-RES 2D smooth art!)  
**Total Tiles:** 4

```
[Tile 41] Front view (spredaj)    [Tile 42] Back view (zadaj + nahrbtnik)
[Tile 43] Left view (leva stran)  [Tile 44] Right view (desna stran)
```

**Style:** 2D smooth vector art (NOT pixel art!)  
**Details:**
- ✅ Zeleni dreadlocks
- ✅ Vijolične oči (Alpha Hybrid)
- ✅ Siva hoodie jopa
- ✅ Tactical hlače + boots
- ✅ Nahrbtnik (viden na back view)

**Uporaba:**
- Za statično postavo: Front view (Tile 41)
- Za animacije v Phaser: Menjava med 4 smeri glede na movement

---

## 🎨 **IMPLEMENTATION STEPS:**

### **STEP 1-5:** Ground, Farm, Fence, Decorations, Camp Objects
(Kot prej - sledite osnovnemu planu)

### **STEP 6: Dodaj Kai Character** 🎮

```
1. V Tiled: Ustvari NOV layer
   - Layer → New Layer → Tile Layer
   - Name: "Player"
   - Postavi NAD "Objects" layer

2. Tileset panel → Select "kai_character"

3. Tool: Stamp Brush (B)

4. Izberi FRONT VIEW tile (prvi tile - tile 41)

5. Postavi na CENTER mape:
   - Row 8, Col 8
   - (To je spawn point za igralca!)

6. POMEMBNO: 
   - Samo 1 Kai tile na maps!
   - To je STATIČNI placeholder
   - V Phaser igri bo animiran
```

### **STEP 7: Save & Export**
```
Save: Ctrl+S
Export: File → Export As → JSON
        → starting_base_16x16.json
```

---

## 🎯 **KAJ BOSTE IMELI:**

Po končanem designu:
- ✅ 16×16 grass background
- ✅ 4×4 fenced farm plot
- ✅ Micro camp area (fire, sleeping bag, chests)
- ✅ **Kai character na spawn position!** 🎉
- ✅ Trees & decorations

---

## 💡 **PHASER INTEGRATION NOTES:**

**Ko boste naložili JSON v Phaser:**

```javascript
// Kai spawn position iz Tiled mape
const playerSpawn = map.findObject("Player", obj => obj.name === "Kai");

// Ali preprosto uporabite tile position:
const playerX = 8 * 48; // Column 8 × 48px
const playerY = 8 * 48; // Row 8 × 48px

// Create player sprite
this.player = this.physics.add.sprite(playerX, playerY, 'kai');

// Setup animations (4 smeri)
this.anims.create({
    key: 'walk_down',
    frames: [{ key: 'kai', frame: 0 }], // Front
    frameRate: 10
});
// ... ostale animacije
```

---

## 🚀 **READY ZA DESIGN!**

**Odprite Tiled in začnite graditi vašo starting base! 🎨**