NovaFarma Dev
26bb94e8bb
- Added 16 professional tilesets for farm game - Character sprites: Kai (96px + 512px), Zombie - Tree growth: Cherry, Apple, Oak, Pine (5 stages each) - Crop growth: Potatoes, Carrots, Corn, Pumpkin, Wheat (4 stages each) - Camp objects: Tents, campfire, chests, workbench (12 items) - Tools: Hoe, pickaxe, axe, scythe, fishing rod, watering can - Decorations: Rocks, logs, flowers, berry bushes - Terrain: Autotiling grass/soil, detailed terrain tiles Maps: - Created micro_farm_128x128.tmx (128x128 tiles, 6144x6144px) - Updated starting_base_16x16.tmx with new tilesets - Complete implementation plans for both maps Fixes: - Fixed XML headers in all TSX files (removed spaces) - Verified all PNG files present - Kai character sized correctly (96x96px = 2x2 ground tiles) Documentation: - Complete session summary (SESSION_COMPLETE.md) - Tileset guides and troubleshooting - Size fix documentation (KAI_SIZE_FIXED.md) - DNEVNIK updated with session details Ready for map design in Tiled and Phaser integration!
156 lines
3.6 KiB
Markdown
156 lines
3.6 KiB
Markdown
# 🏕️ 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! 🎨**
|