feat: Tiled Map Editor - Complete tileset library (16 tilesets, 172 tiles)
- 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!
This commit is contained in:
155
assets/maps/STARTING_BASE_16x16_PLAN.md
Normal file
155
assets/maps/STARTING_BASE_16x16_PLAN.md
Normal file
@@ -0,0 +1,155 @@
|
||||
# 🏕️ 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! 🎨**
|
||||
Reference in New Issue
Block a user