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:
166
assets/maps/MICRO_FARM_128x128_PLAN.md
Normal file
166
assets/maps/MICRO_FARM_128x128_PLAN.md
Normal file
@@ -0,0 +1,166 @@
|
||||
# 🌾 MICRO FARM 128×128 - DESIGN PLAN
|
||||
|
||||
**Map Size:** 128×128 tiles (6144×6144 pixels @ 48px tiles)
|
||||
**Style:** 2.5D isometric-like appearance
|
||||
**Reference:** User's uploaded screenshot
|
||||
**File:** `micro_farm_128x128.tmx`
|
||||
|
||||
---
|
||||
|
||||
## 🎯 **TARGET LOOK:**
|
||||
|
||||
Referenčna slika kaže:
|
||||
- ✅ Velika grass area (okolica)
|
||||
- ✅ Wooden fence okoli farm area
|
||||
- ✅ Farm plot (tilled soil) v centru
|
||||
- ✅ Kai character na farmi
|
||||
- ✅ Hiška/barn (top-left)
|
||||
- ✅ Skale (rocks) kot dekoracija
|
||||
- ✅ 2.5D smooth perspective
|
||||
|
||||
---
|
||||
|
||||
## 🗺️ **LAYOUT PLAN:**
|
||||
|
||||
```
|
||||
Suggested Center Farm Layout (aproximacija):
|
||||
|
||||
Farm Area: Roughly 30×30 tiles centered
|
||||
- Fence: 30×30 outline
|
||||
- Farm plot (tilled soil): 20×20 inside fence
|
||||
- Buildings: 4-8 tiles (top-left corner)
|
||||
- Rocks: 2-3 scattered around
|
||||
- Kai spawn: Center of farm plot (Row 64, Col 64)
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 📦 **LAYERS:**
|
||||
|
||||
### **Layer 1: Ground**
|
||||
- Fill: Celotna 128×128 mapa z Grass terrain
|
||||
|
||||
### **Layer 2: TilledSoil**
|
||||
- Center area: ~20×20 farm plot
|
||||
- Position: Rows 54-74, Cols 54-74 (približno center)
|
||||
|
||||
### **Layer 3: Fences**
|
||||
- Rectangle: ~30×30 around farm
|
||||
- Position: Rows 49-79, Cols 49-79
|
||||
- Gate: Bottom center
|
||||
|
||||
### **Layer 4: Decorations**
|
||||
- Trees: Scattered around edges
|
||||
- Rocks: 2-3 inside fenced area (kot na sliki)
|
||||
- Flowers: Random scattered
|
||||
|
||||
### **Layer 5: Objects**
|
||||
- Buildings: Top-left inside fence (hiška/barn)
|
||||
- Camp objects: Micro camp items (opcijsko)
|
||||
|
||||
### **Layer 6: Player**
|
||||
- Kai spawn: Row 64, Col 64 (exact center)
|
||||
|
||||
---
|
||||
|
||||
## 🎨 **IMPLEMENTATION STEPS:**
|
||||
|
||||
### **STEP 1: Open Map**
|
||||
```
|
||||
Tiled → File → Open
|
||||
micro_farm_128x128.tmx
|
||||
```
|
||||
|
||||
### **STEP 2: Fill Ground**
|
||||
```
|
||||
Layer: Ground
|
||||
Tool: Terrain Brush (T) + Bucket Fill (Shift+T)
|
||||
Terrain: "Grass"
|
||||
Action: Fill celotna 128×128 mapa
|
||||
```
|
||||
|
||||
### **STEP 3: Farm Plot**
|
||||
```
|
||||
Layer: TilledSoil
|
||||
Tool: Terrain Brush (T)
|
||||
Terrain: "TilledSoil"
|
||||
Area: 20×20 središče (Rows 54-74, Cols 54-74)
|
||||
```
|
||||
|
||||
### **STEP 4: Fence**
|
||||
```
|
||||
Layer: Fences
|
||||
Tool: Wang Brush
|
||||
Wang Set: "Fence Connections"
|
||||
Rectangle: 30×30 (Rows 49-79, Cols 49-79)
|
||||
Gate: Odstrani fence tile na Row 79, Col 64 (bottom center)
|
||||
```
|
||||
|
||||
### **STEP 5: Buildings**
|
||||
```
|
||||
Layer: Objects
|
||||
Tileset: farm_obstacles ali starting_camp
|
||||
Position: Top-left inside fence (npr. Row 51, Col 51)
|
||||
Objects: Hiška (2×2 ali 3×3 tiles)
|
||||
```
|
||||
|
||||
### **STEP 6: Decorations**
|
||||
```
|
||||
Layer: Decorations
|
||||
Objects:
|
||||
- Rocks (farm_obstacles tileset): 2-3 inside fence area
|
||||
- Trees: Scattered outside fence (edges)
|
||||
- Flowers: Random across grass
|
||||
```
|
||||
|
||||
### **STEP 7: Kai Character**
|
||||
```
|
||||
Layer: Player
|
||||
Tileset: kai_character
|
||||
Tile: Front view (Tile 41)
|
||||
Position: Row 64, Col 64 (CENTER of map!)
|
||||
```
|
||||
|
||||
### **STEP 8: Export**
|
||||
```
|
||||
Save: Ctrl+S
|
||||
Export: File → Export As → JSON
|
||||
→ micro_farm_128x128.json
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 📏 **SIZE COMPARISON:**
|
||||
|
||||
| Map | Dimensions | Pixels | Usage |
|
||||
|-----|------------|--------|-------|
|
||||
| Old | 16×16 | 768×768 | ❌ Premajhna |
|
||||
| **NEW** | **128×128** | **6144×6144** | ✅ **Perfect!** |
|
||||
|
||||
**64× večja površina!** = Veliko prostora za design! 🎉
|
||||
|
||||
---
|
||||
|
||||
## 💡 **TIPS:**
|
||||
|
||||
1. **Zoom control:** Ctrl + Mouse Wheel (zoom out za overview!)
|
||||
2. **Navigator:** View → Views and Toolbars → Navigator (mini-map!)
|
||||
3. **Symmetric design:** Uporabite center (64,64) kot reference point
|
||||
4. **Decorations:** Ne pretiravajte - keep it clean kot na reference sliki
|
||||
|
||||
---
|
||||
|
||||
## 🎯 **TARGET RESULT:**
|
||||
|
||||
Ko končate, mapa bo izgledala:
|
||||
- ✅ Velika grass area (128×128)
|
||||
- ✅ Fenced farm v centru (~30×30)
|
||||
- ✅ Tilled soil plot (~20×20)
|
||||
- ✅ Hiška top-left
|
||||
- ✅ Rocks scattered
|
||||
- ✅ Kai v središču
|
||||
- ✅ Clean 2.5D look! 🎨
|
||||
|
||||
---
|
||||
|
||||
**Ready to design your MICRO FARM! 🌾✨**
|
||||
Reference in New Issue
Block a user