Added Tiled auto-tiling system + TOP-DOWN assets
- Created 4 TSX tilesets with terrain/wang set definitions - grass_soil_autotile.tsx (terrain-based) - fence_autotile.tsx (wang set) - water_tileset_autotile.tsx - grass_tileset_autotile.tsx Documentation: - AUTO_TILING_VODIC.md (Slovenian guide) - TERRAIN_NOTATION_REFERENCE.md - AUTO_TILING_CHECKLIST.md - AUTO_TILING_SESSION_SUMMARY.md - Updated MICRO_FARM_VODIC.md - Updated DNEVNIK.md Generated TOP-DOWN sprite sheets (7 packs): - town_buildings_topdown.png - trees_topdown_pack.png - rocks_obstacles_topdown.png - mine_entrances_topdown.png - starting_camp_topdown.png - farm_structures_topdown.png - buildings_ruins_states.png (3 states per building) Organized 60 Krvava Zetev sprites in krvava_zetev_sprites folder All assets vibrant colors, NO grays, ready for Tiled!
|
After Width: | Height: | Size: 538 KiB |
|
After Width: | Height: | Size: 684 KiB |
|
After Width: | Height: | Size: 696 KiB |
|
After Width: | Height: | Size: 732 KiB |
|
After Width: | Height: | Size: 667 KiB |
|
After Width: | Height: | Size: 604 KiB |
|
After Width: | Height: | Size: 529 KiB |
|
After Width: | Height: | Size: 576 KiB |
|
After Width: | Height: | Size: 766 KiB |
|
After Width: | Height: | Size: 557 KiB |
|
After Width: | Height: | Size: 491 KiB |
|
After Width: | Height: | Size: 666 KiB |
|
After Width: | Height: | Size: 671 KiB |
|
After Width: | Height: | Size: 720 KiB |
|
After Width: | Height: | Size: 733 KiB |
|
After Width: | Height: | Size: 631 KiB |
|
After Width: | Height: | Size: 598 KiB |
BIN
assets/krvava_zetev_sprites/farm_obstacles_1766171194583.png
Normal file
|
After Width: | Height: | Size: 710 KiB |
BIN
assets/krvava_zetev_sprites/fence_tileset_1766171177275.png
Normal file
|
After Width: | Height: | Size: 656 KiB |
|
After Width: | Height: | Size: 845 KiB |
BIN
assets/krvava_zetev_sprites/grass_soil_tileset_1766171156780.png
Normal file
|
After Width: | Height: | Size: 580 KiB |
|
Before Width: | Height: | Size: 548 KiB After Width: | Height: | Size: 548 KiB |
|
Before Width: | Height: | Size: 722 KiB After Width: | Height: | Size: 722 KiB |
|
Before Width: | Height: | Size: 746 KiB After Width: | Height: | Size: 746 KiB |
|
Before Width: | Height: | Size: 585 KiB After Width: | Height: | Size: 585 KiB |
|
Before Width: | Height: | Size: 761 KiB After Width: | Height: | Size: 761 KiB |
|
Before Width: | Height: | Size: 577 KiB After Width: | Height: | Size: 577 KiB |
|
After Width: | Height: | Size: 626 KiB |
|
After Width: | Height: | Size: 570 KiB |
|
After Width: | Height: | Size: 718 KiB |
|
After Width: | Height: | Size: 534 KiB |
|
After Width: | Height: | Size: 710 KiB |
|
Before Width: | Height: | Size: 520 KiB After Width: | Height: | Size: 520 KiB |
|
After Width: | Height: | Size: 544 KiB |
|
After Width: | Height: | Size: 604 KiB |
|
Before Width: | Height: | Size: 868 KiB After Width: | Height: | Size: 868 KiB |
|
After Width: | Height: | Size: 711 KiB |
|
After Width: | Height: | Size: 842 KiB |
|
After Width: | Height: | Size: 830 KiB |
|
After Width: | Height: | Size: 743 KiB |
|
After Width: | Height: | Size: 960 KiB |
|
After Width: | Height: | Size: 616 KiB |
|
After Width: | Height: | Size: 677 KiB |
|
After Width: | Height: | Size: 499 KiB |
|
After Width: | Height: | Size: 754 KiB |
|
After Width: | Height: | Size: 734 KiB |
|
After Width: | Height: | Size: 646 KiB |
|
After Width: | Height: | Size: 709 KiB |
|
After Width: | Height: | Size: 659 KiB |
|
After Width: | Height: | Size: 610 KiB |
|
After Width: | Height: | Size: 816 KiB |
|
After Width: | Height: | Size: 535 KiB |
|
After Width: | Height: | Size: 696 KiB |
|
After Width: | Height: | Size: 498 KiB |
|
After Width: | Height: | Size: 583 KiB |
|
After Width: | Height: | Size: 629 KiB |
|
After Width: | Height: | Size: 859 KiB |
|
After Width: | Height: | Size: 694 KiB |
|
After Width: | Height: | Size: 824 KiB |
|
After Width: | Height: | Size: 631 KiB |
201
assets/maps/AUTO_TILING_CHECKLIST.md
Normal file
@@ -0,0 +1,201 @@
|
|||||||
|
# ✅ Auto-Tiling Quick Start Checklist
|
||||||
|
|
||||||
|
## 🎯 Cilj
|
||||||
|
Implementacija auto-tiling funkcionalnosti v Tiled Map Editor za NovaFarma assete.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📦 Kaj je bilo pripravljeno
|
||||||
|
|
||||||
|
### ✅ Ustvarjeni Files:
|
||||||
|
- [x] `grass_soil_autotile.tsx` - Trava + Zorana zemlja terrain
|
||||||
|
- [x] `fence_autotile.tsx` - Ograje Wang Set
|
||||||
|
- [x] `water_tileset_autotile.tsx` - Voda terrain
|
||||||
|
- [x] `grass_tileset_autotile.tsx` - Velika trava + Dirt paths terrain
|
||||||
|
- [x] `AUTO_TILING_VODIC.md` - Celovit vodič (SLO)
|
||||||
|
- [x] `TERRAIN_NOTATION_REFERENCE.md` - Quick reference
|
||||||
|
- [x] Posodobljen `tiled_autotiling_guide.md` v Knowledge Base
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🚀 Naslednji Koraki (Zdaj je tvoj čas!)
|
||||||
|
|
||||||
|
### ⬜ STEP 1: Odpri Tiled
|
||||||
|
```
|
||||||
|
1. Zaženi Tiled Map Editor
|
||||||
|
2. File → Open
|
||||||
|
3. Izberi: c:\novafarma\assets\maps\micro_farm_8x8.tmx
|
||||||
|
```
|
||||||
|
|
||||||
|
### ⬜ STEP 2: Dodaj Auto-Tiling Tilesets
|
||||||
|
```
|
||||||
|
V Tilesets panelu (spodaj):
|
||||||
|
1. Klikni [+] gumb
|
||||||
|
2. Izberi "Import External Tileset"
|
||||||
|
3. Dodaj:
|
||||||
|
✓ grass_soil_autotile.tsx
|
||||||
|
✓ fence_autotile.tsx
|
||||||
|
(opcijsko: water_tileset_autotile.tsx, grass_tileset_autotile.tsx)
|
||||||
|
```
|
||||||
|
|
||||||
|
### ⬜ STEP 3: Preveri Terrain Definitions
|
||||||
|
```
|
||||||
|
1. Klikni na grass_soil tileset
|
||||||
|
2. Na vrhu izberi "Terrains" tab
|
||||||
|
3. Videl bi moral:
|
||||||
|
→ Grass (zelena ikona)
|
||||||
|
→ TilledSoil (rjava ikona)
|
||||||
|
```
|
||||||
|
|
||||||
|
### ⬜ STEP 4: Testiraj Terrain Brush
|
||||||
|
```
|
||||||
|
1. Izberi "Ground" layer (desni panel)
|
||||||
|
2. Pritisni tipko [T] za Terrain Brush
|
||||||
|
3. V Terrains panelu izberi "Grass"
|
||||||
|
4. Riši po mapi
|
||||||
|
→ Opazil bi moral avtomatske robove! 🎉
|
||||||
|
```
|
||||||
|
|
||||||
|
### ⬜ STEP 5: Nariši Zorano Zemljo z Robovi
|
||||||
|
```
|
||||||
|
1. Izberi "TilledSoil" layer
|
||||||
|
2. Terrain Brush (T) → "TilledSoil"
|
||||||
|
3. Nariši 4×4 kvadrat
|
||||||
|
→ Avtomatski kotički in robovi! ✨
|
||||||
|
```
|
||||||
|
|
||||||
|
### ⬜ STEP 6: Dodaj Ograjo z Wang Brush
|
||||||
|
```
|
||||||
|
1. Izberi "Fences" layer
|
||||||
|
2. V Tilesets panelu izberi fence_autotile
|
||||||
|
3. Klikni "Wang Sets" tab
|
||||||
|
4. Izberi "Fence Connections"
|
||||||
|
5. Uporabi Wang Brush orodje (desno od Terrain Brush)
|
||||||
|
6. Nariši ograjo okoli plota
|
||||||
|
→ Avtomatski kotički in križi! 🚧
|
||||||
|
```
|
||||||
|
|
||||||
|
### ⬜ STEP 7: Izvozi in Testiraj
|
||||||
|
```
|
||||||
|
1. Map → Save (Ctrl+S)
|
||||||
|
2. File → Export As → JSON
|
||||||
|
3. Shrani kot: micro_farm_8x8_autotiled.json
|
||||||
|
4. Testiraj v Phaser (glej MICRO_FARM_VODIC.md)
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🎨 Dodatne Opcije (Opcijska Razširitev)
|
||||||
|
|
||||||
|
### Dodaj Vodo
|
||||||
|
```
|
||||||
|
⬜ Dodaj water_tileset_autotile.tsx
|
||||||
|
⬜ Ustvari nov layer: "Water"
|
||||||
|
⬜ Terrain Brush → "Water"
|
||||||
|
⬜ Nariši ribnik ali reko
|
||||||
|
```
|
||||||
|
|
||||||
|
### Dodaj Dirt Paths
|
||||||
|
```
|
||||||
|
⬜ Dodaj grass_tileset_autotile.tsx
|
||||||
|
⬜ Ustvari layer: "DirtPaths"
|
||||||
|
⬜ Terrain Brush → "Dirt Path"
|
||||||
|
⬜ Riši poti med stavbami
|
||||||
|
```
|
||||||
|
|
||||||
|
### Dodaj Dekoracije
|
||||||
|
```
|
||||||
|
⬜ Layer: "Decorations"
|
||||||
|
⬜ Tileset: farm_obstacles
|
||||||
|
⬜ Ročno dodaj:
|
||||||
|
- Skale (tile 33, 34, 42)
|
||||||
|
- Podrta drevesa (tiles 41-42, 49-50)
|
||||||
|
- Cvetlice (tile 36)
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🆘 Če kaj ne dela
|
||||||
|
|
||||||
|
### Problem: "Ne vidim Terrains tab"
|
||||||
|
**Fix:**
|
||||||
|
- Preveri, da si dodal `.tsx` file, ne `.png`
|
||||||
|
- Preveri Tiled verzijo (potrebuješ 1.10+)
|
||||||
|
|
||||||
|
### Problem: "Napačni tile-i se izberejo"
|
||||||
|
**Fix:**
|
||||||
|
- Odpri TSX file v text editorju
|
||||||
|
- Preveri ID numbers v `<tile id="X">`
|
||||||
|
- Prilagodi indexe, če se ne ujemajo s PNG layoutom
|
||||||
|
|
||||||
|
### Problem: "Terrain Brush ne dela"
|
||||||
|
**Fix:**
|
||||||
|
- Prepričaj se, da uporabljaš **Terrain Brush (T)**, ne Stamp Brush (B)
|
||||||
|
- Preveri, da je layer aktiven (desni panel)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📚 Pomoč in Dokumentacija
|
||||||
|
|
||||||
|
### Hitri Vodič:
|
||||||
|
```
|
||||||
|
📖 AUTO_TILING_VODIC.md → Celovit slovenski vodič
|
||||||
|
📖 TERRAIN_NOTATION_REFERENCE.md → Terrain syntax cheat sheet
|
||||||
|
📖 MICRO_FARM_VODIC.md → Micro farm setup
|
||||||
|
```
|
||||||
|
|
||||||
|
### Vizualni Primeri:
|
||||||
|
```
|
||||||
|
🖼️ terrain_pattern_guide.png → 3x3 terrain pattern
|
||||||
|
🖼️ autotiling_example_farm.png → Before/After primer
|
||||||
|
```
|
||||||
|
|
||||||
|
### Knowledge Base:
|
||||||
|
```
|
||||||
|
📚 novafarma_technical_systems_implementation/
|
||||||
|
└── tiled_autotiling_guide.md → Tehnična dokumentacija
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🎯 Success Criteria
|
||||||
|
|
||||||
|
Veš, da je uspešno, ko:
|
||||||
|
|
||||||
|
✅ **Terrain Brush avtomatsko izbere pravilne robove**
|
||||||
|
✅ **Kotički so gladki in se ujemajo**
|
||||||
|
✅ **Wang Brush naredi ograje z avtomatskimi T-križišči**
|
||||||
|
✅ **Izvožen JSON file pravilno prikaže v Phaser-u**
|
||||||
|
✅ **Ni seams ali napačnih tile-ov**
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## ⏱️ Časovna Ocena
|
||||||
|
|
||||||
|
- **Tiled Setup:** 5 min
|
||||||
|
- **Prvi test (terrain brush):** 10 min
|
||||||
|
- **Nariši micro farm z auto-tiling:** 20 min
|
||||||
|
- **Dodaj ograje in dekoracije:** 15 min
|
||||||
|
- **Izvoz in testiranje:** 10 min
|
||||||
|
|
||||||
|
**Skupaj:** ~60 min za popolnoma funkcionalno auto-tiled micro farm 🚜
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🌟 Pro Tips
|
||||||
|
|
||||||
|
1. **Save Often:** Auto-tiling lahko produkuje nepričakovane rezultate, redno shrani
|
||||||
|
2. **Test Small:** Najprej testiraj na majhnem območju (2×2), potem razširi
|
||||||
|
3. **Layer by Layer:** Naredi en layer naenkrat, ne mešaj
|
||||||
|
4. **Erase Tool:** Uporabi (E) za hitro odstranjevanje terrain-ov
|
||||||
|
5. **Fill Tool:** Shift+T za bucket fill z terrain-om
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
**Zdaj začni s STEP 1 in uživaj v auto-tiling magic!** ✨🎨
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
**Created:** 2025-12-19
|
||||||
|
**Status:** Ready to Use
|
||||||
|
**Difficulty:** Beginner-Friendly 🟢
|
||||||
179
assets/maps/AUTO_TILING_VODIC.md
Normal file
@@ -0,0 +1,179 @@
|
|||||||
|
# 🎨 Auto-Tiling v Tiled - Praktični Vodič
|
||||||
|
|
||||||
|
## 📋 Kaj je bilo narejeno
|
||||||
|
|
||||||
|
Ustvarjeni so bili **TSX tileset files** z integriranimi **Terrain Sets** in **Wang Sets** za avtomatično tiling:
|
||||||
|
|
||||||
|
### ✅ Pripravljeni Tilesets:
|
||||||
|
1. **`grass_soil_autotile.tsx`** - Trava in zorana zemlja
|
||||||
|
2. **`fence_autotile.tsx`** - Ograje (Wang Set)
|
||||||
|
3. **`water_tileset_autotile.tsx`** - Voda
|
||||||
|
4. **`grass_tileset_autotile.tsx`** - Velika trava z dirt paths
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🚀 Kako Uporabiti Auto-Tiling (Korak za Korakom)
|
||||||
|
|
||||||
|
### **KORAK 1: Odpri Tiled in Naloži Tileset**
|
||||||
|
|
||||||
|
1. Odpri **Tiled Map Editor**
|
||||||
|
2. **File → Open** → Izberi `micro_farm_8x8.tmx`
|
||||||
|
3. V **Tilesets** panelu (spodaj desno):
|
||||||
|
- Klikni **"+"** (Add Tileset)
|
||||||
|
- **Import External Tileset**
|
||||||
|
- Izberi `grass_soil_autotile.tsx`
|
||||||
|
|
||||||
|
### **KORAK 2: Preveri Terrain Definicije**
|
||||||
|
|
||||||
|
1. V **Tilesets** panelu izberi `grass_soil`
|
||||||
|
2. Na vrhu bi moral videti **Terrains** tab
|
||||||
|
3. Tam so definirani:
|
||||||
|
- **Grass** (zelena)
|
||||||
|
- **TilledSoil** (rjava zorana zemlja)
|
||||||
|
|
||||||
|
### **KORAK 3: Uporabi Terrain Brush**
|
||||||
|
|
||||||
|
1. Na levi orodni vrstici izberi **Terrain Brush** orodje
|
||||||
|
- Ikona z 4 pikami v kvadratu
|
||||||
|
- Bližnjica: **`T`**
|
||||||
|
2. V **Terrains** panelu (lahko pod Tilesets) izberi **"Grass"**
|
||||||
|
3. **Riši na mapi** - Tiled bo avtomatsko izbral pravilne robove!
|
||||||
|
|
||||||
|
### **KORAK 4: Paint z Različnimi Terrains**
|
||||||
|
|
||||||
|
#### **Uporaba Trave:**
|
||||||
|
```
|
||||||
|
1. Izberi Terrain Brush (T)
|
||||||
|
2. Izberi "Grass" terrain
|
||||||
|
3. Riši po Ground layerju
|
||||||
|
→ Avtomatsko dodaja robove in kotičke!
|
||||||
|
```
|
||||||
|
|
||||||
|
#### **Uporaba Zorane Zemlje:**
|
||||||
|
```
|
||||||
|
1. Izberi Terrain Brush (T)
|
||||||
|
2. Izberi "TilledSoil" terrain
|
||||||
|
3. Riši po TilledSoil layerju
|
||||||
|
→ Lepo narisan plot z robovi!
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🔧 Napredno: Wang Sets za Ograje
|
||||||
|
|
||||||
|
### **Uporaba Fence Auto-Tiling:**
|
||||||
|
|
||||||
|
Ograje uporabljajo **Wang Sets** za povezane strukture.
|
||||||
|
|
||||||
|
1. Dodaj **`fence_autotile.tsx`** v tvojo mapo
|
||||||
|
2. V **Tilesets** panelu izberi `fence_autotile`
|
||||||
|
3. Na vrhu klikni **Wang Sets** tab
|
||||||
|
4. Izberi **"Fence Connections"** wang set
|
||||||
|
5. Uporabi **Wang Brush** (ikona z vzorci)
|
||||||
|
6. **Riši ograje** - avtomatsko se bodo povezale!
|
||||||
|
|
||||||
|
### **Wang Brush Orodje:**
|
||||||
|
- Avtomatsko izbere:
|
||||||
|
- Kotičke (Top-Left, Top-Right, Bottom-Left, Bottom-Right)
|
||||||
|
- T-križišča
|
||||||
|
- 4-way križišča
|
||||||
|
- Ravne horizontalne/vertikalne dele
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🎯 Primeri Uporabe
|
||||||
|
|
||||||
|
### **Primer 1: Narisi Travnato Polje z Urejenim Plotom**
|
||||||
|
|
||||||
|
```xml
|
||||||
|
1. Layer: Ground
|
||||||
|
→ Terrain Brush → "Grass" → Pobarvi celotno mapo
|
||||||
|
|
||||||
|
2. Layer: TilledSoil
|
||||||
|
→ Terrain Brush → "TilledSoil" → Nariši 4x4 kvadrat
|
||||||
|
→ Tiled bo AVTOMATSKO dodal robove in kotičke!
|
||||||
|
|
||||||
|
3. Layer: Fences
|
||||||
|
→ Wang Brush → "Fence Connections" → Nariši ograjo okrog plota
|
||||||
|
→ Avtomatsko nastanejo pravilni kotički!
|
||||||
|
```
|
||||||
|
|
||||||
|
### **Primer 2: Dodaj Vodo z Robovi**
|
||||||
|
|
||||||
|
```xml
|
||||||
|
1. Dodaj tileset: water_tileset_autotile.tsx
|
||||||
|
2. Novi layer: WaterLayer
|
||||||
|
3. Terrain Brush → "Water" → Nariši jezero
|
||||||
|
→ Robovi se avtomatsko ujemajo s kopnim!
|
||||||
|
```
|
||||||
|
|
||||||
|
### **Primer 3: Dirt Path skozi Travo**
|
||||||
|
|
||||||
|
```xml
|
||||||
|
1. Tileset: grass_tileset_autotile.tsx
|
||||||
|
2. Layer: Ground → Terrain Brush → "Grass" (pobarvi vse)
|
||||||
|
3. Layer: Paths → Terrain Brush → "Dirt Path" → Riši pot
|
||||||
|
→ Avtomatski prehodi med travo in potjo!
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🛠️ Troubleshooting
|
||||||
|
|
||||||
|
### ❌ **Problem: "Terrain ne dela"**
|
||||||
|
**Rešitev:**
|
||||||
|
- Preveri, da si naložil **TSX file** (ne samo PNG)
|
||||||
|
- File → Reload Tileset
|
||||||
|
- Preveri, da uporabljaš **Terrain Brush** (T), ne Stamp Brush (B)
|
||||||
|
|
||||||
|
### ❌ **Problem: "Napačni tile-i"**
|
||||||
|
**Rešitev:**
|
||||||
|
- Tile IDs v TSX mogoče ne ustrezajo dejanskemu PNG layoutu
|
||||||
|
- Odpri TSX v text editorju in prilagodi `tile id="X"` številke
|
||||||
|
|
||||||
|
### ❌ **Problem: "Wang Sets ni viden"**
|
||||||
|
**Rešitev:**
|
||||||
|
- Prepričaj se, da uporabljaš **Tiled 1.10+**
|
||||||
|
- Wang Sets delujejo samo za določene tipe povezav (ograje, cevi)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📐 Terrain Notation Explained
|
||||||
|
|
||||||
|
Tiled uporablja **4-corner notation** za terrain:
|
||||||
|
|
||||||
|
```
|
||||||
|
Format: "TopLeft,TopRight,BottomLeft,BottomRight"
|
||||||
|
|
||||||
|
Primeri:
|
||||||
|
- "0,0,0,0" = Vse 4 kote pripadajo terrainu 0 (FILL)
|
||||||
|
- ",,,0" = Samo BottomRight kot (TOP-LEFT edge tile)
|
||||||
|
- ",,0,0" = Oba spodnja kota (TOP edge tile)
|
||||||
|
- "0,,,0" = Levi koti (RIGHT edge tile)
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🎨 Naslednji Koraki
|
||||||
|
|
||||||
|
- [ ] Odpri `micro_farm_8x8.tmx`
|
||||||
|
- [ ] Dodaj vse 4 TSX tilesets
|
||||||
|
- [ ] Preizkusi Terrain Brush na Ground layerju
|
||||||
|
- [ ] Nariši zorano zemljo z avtomatskimi robovi
|
||||||
|
- [ ] Dodaj ograjo z Wang Brush
|
||||||
|
- [ ] Nariši vodo ali dirt path
|
||||||
|
- [ ] Izvozi kot JSON za testiranje v igri
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 💡 Pro Tips
|
||||||
|
|
||||||
|
1. **Kombiniraj Terrains**: Najprej nariši Background Grass, potem dodaj Dirt Path za lepe prehode
|
||||||
|
2. **Layer Vrstni Red**: Ground → Paths → TilledSoil → Fences → Decorations
|
||||||
|
3. **Variacije**: Kombiniraj auto-tiling z ročno dodanimi flower tiles za raznolikost
|
||||||
|
4. **Erase Terrain**: Uporabi Eraser Tool (E) za odstranjevanje terrain-ov
|
||||||
|
5. **Fill Tool**: Terrain Bucket Fill (Shift+T) za hitro polnjenje velikih območij
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
**Zdaj go create beautiful auto-tiled maps!** 🎨✨
|
||||||
146
assets/maps/MICRO_FARM_VODIC.md
Normal file
@@ -0,0 +1,146 @@
|
|||||||
|
# 🚜 Micro Farm 8x8 - Vodič za Tiled
|
||||||
|
|
||||||
|
## 📍 Datoteka
|
||||||
|
**`micro_farm_8x8.tmx`** - Osnovna 8x8 farma (384x384 px)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🎨 Novi Tilesets
|
||||||
|
|
||||||
|
### 1. **grass_soil_autotile.png** (16 tiles, 4x4)
|
||||||
|
- **Tiles 1-8:** Trava (zelena, kjer karakter hodi)
|
||||||
|
- **Tiles 9-16:** Zorana zemlja (rjava, za sajenje)
|
||||||
|
|
||||||
|
**Glavne Tile ID-je:**
|
||||||
|
- `6` = Trava (center, variacij
|
||||||
|
- `7` = Trava z cvetličkami
|
||||||
|
- `14` = Zorana zemlja (center)
|
||||||
|
|
||||||
|
### 2. **fence_autotile.png** (16 tiles, 4x4)
|
||||||
|
**Horizontalne ograje:**
|
||||||
|
- `17` = Levi konec
|
||||||
|
- `18, 19` = Sredinski deli
|
||||||
|
- `20` = Desni konec
|
||||||
|
|
||||||
|
**Vertikalne ograje:**
|
||||||
|
- `21` = Zgornji konec
|
||||||
|
- `22, 23` = Sredinski deli
|
||||||
|
- `24` = Spodnji konec
|
||||||
|
|
||||||
|
**Kotički:**
|
||||||
|
- `25` = Zgoraj-Levo
|
||||||
|
- `26` = Zgoraj-Desno
|
||||||
|
- `27` = Spodaj-Levo
|
||||||
|
- `28` = Spodaj-Desno
|
||||||
|
|
||||||
|
**Extra:**
|
||||||
|
- `29` = T-križišče
|
||||||
|
- `30` = Križ (4-way)
|
||||||
|
- `31` = Vrata (zaprta)
|
||||||
|
- `32` = Vrata (odprta)
|
||||||
|
|
||||||
|
### 3. **farm_obstacles.png** (32 tiles, 8x4)
|
||||||
|
**Majhne ovire (1 tile = 48x48):**
|
||||||
|
- `33` = Majhen kamen
|
||||||
|
- `34` = Srednja skala z mahom
|
||||||
|
- `35` = Vejica
|
||||||
|
- `36` = Cvetlice
|
||||||
|
|
||||||
|
**Podrto drevo (2 tiles široko):**
|
||||||
|
- `41-42` = Leva polovica podrtega drevesa
|
||||||
|
- `43-44` = Desna polovica
|
||||||
|
|
||||||
|
**Velike ovire:**
|
||||||
|
- `41-42` = Velik kamen/boulder (2×1)
|
||||||
|
- `43` = Štor drevesa
|
||||||
|
- `44` = Grm z jagodami
|
||||||
|
|
||||||
|
**Veliko podrto drevo (2×2):**
|
||||||
|
- `49-50` = Zgornja vrsta
|
||||||
|
- `57-58` = Spodnja vrsta
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🗺️ Trenutna Mapa
|
||||||
|
|
||||||
|
### **Layerji:**
|
||||||
|
1. **Ground** - Trava (6,7) - HODLJIVA površina ✅
|
||||||
|
2. **TilledSoil** - Zorana zemlja (14) - 3×3 plot za sajenje 🌾
|
||||||
|
3. **Fences** - Prazen (dodaj ograje po želji) 🚧
|
||||||
|
4. **Decorations** - Skale in podrto drevo 🪨🌳
|
||||||
|
|
||||||
|
### **Dodane Ovire:**
|
||||||
|
- Majhen kamen (tile 33) - na (1,4)
|
||||||
|
- Grm (tile 43) - na (5,6)
|
||||||
|
- Štor (tile 41) - na (5,0)
|
||||||
|
- Podrto drevo (tiles 49-50) - na (1,7)-(2,7)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🖌️ Kako Dodajati Elemente v Tiled
|
||||||
|
|
||||||
|
### **Korak 1: Odpri Mapo**
|
||||||
|
1. Odpri **Tiled Map Editor**
|
||||||
|
2. **File → Open** → Izberi `micro_farm_8x8.tmx`
|
||||||
|
|
||||||
|
### **Korak 2: Dodaj Ograjo**
|
||||||
|
1. Izberi **Fences** layer (desni klik → Set as Active Layer)
|
||||||
|
2. V **Tilesets** spodaj izberi `fence`
|
||||||
|
3. Izberi **Stamp Brush** (tipka `B`)
|
||||||
|
4. Klikni tile (npr. `25` za kot zgoraj-levo)
|
||||||
|
5. Riši na mapi!
|
||||||
|
|
||||||
|
**Primer - Ograja okoli farme:**
|
||||||
|
```
|
||||||
|
Row 0: 25, 21, 21, 21, 21, 21, 21, 26
|
||||||
|
Col 0: 17, 17, 17, 17, 17, 17, 17, 27
|
||||||
|
Col 7: 20, 20, 20, 20, 20, 20, 20, 28
|
||||||
|
Row 7: 27, 24, 24, 24, 31, 24, 24, 28
|
||||||
|
```
|
||||||
|
(Tile `31` = vrata na spodnji strani)
|
||||||
|
|
||||||
|
### **Korak 3: Dodaj Več Skal/Dreves**
|
||||||
|
1. Izberi **Decorations** layer
|
||||||
|
2. Izberi `obstacles` tileset
|
||||||
|
3. Postavi:
|
||||||
|
- Skale: `33, 34, 42`
|
||||||
|
- Podrta drevesa: `41-42` (2 tiles skupaj)
|
||||||
|
- Štor: `43`
|
||||||
|
|
||||||
|
### **Korak 4: Razširi Zorano Zemljo**
|
||||||
|
1. Izberi **TilledSoil** layer
|
||||||
|
2. Uporabi tile `14` (center zorane zemlje)
|
||||||
|
3. Riši večji plot (npr. 4×4 ali 6×3)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 💾 Izvoz za Igro
|
||||||
|
|
||||||
|
Ko končaš:
|
||||||
|
1. **Map → Save** (Ctrl+S)
|
||||||
|
2. **File → Export As... → JSON**
|
||||||
|
3. Shrani kot `micro_farm_8x8.json`
|
||||||
|
4. Uvozi v Phaser z:
|
||||||
|
```javascript
|
||||||
|
this.load.tilemapTiledJSON('micro_farm', 'assets/maps/micro_farm_8x8.json');
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🎯 Naslednji Koraki
|
||||||
|
|
||||||
|
- [ ] Dodaj ograjo okoli farme (tiles 17-32)
|
||||||
|
- [ ] Postavi več skal in dreves kot ovire
|
||||||
|
- [ ] Razširi zorano zemljo na 4×4 ali večje
|
||||||
|
- [ ] Dodaj cvetlice (tile 36) za dekoracijo
|
||||||
|
- [ ] Postavi vrata (tile 31) na vhod farme
|
||||||
|
- [ ] Izvozi kot JSON za testiranje v igri
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🌟 NOVO: Auto-Tiling Funkcionalnost!
|
||||||
|
|
||||||
|
Za avtomatsko urejanje robov, kotičkov in povezav, glej:
|
||||||
|
👉 **[AUTO_TILING_VODIC.md](AUTO_TILING_VODIC.md)** - Celovit vodič za Terrain Sets in Wang Sets
|
||||||
|
|
||||||
|
**Zdaj odpri `micro_farm_8x8.tmx` v Tiled-u in začni risati!** 🎨✨
|
||||||
125
assets/maps/TERRAIN_NOTATION_REFERENCE.md
Normal file
@@ -0,0 +1,125 @@
|
|||||||
|
# 🧭 Tiled Terrain Quick Reference
|
||||||
|
|
||||||
|
## Corner-Based Terrain Notation
|
||||||
|
|
||||||
|
Tiled uporablja **4-corner system** za definiranje terrain transitions.
|
||||||
|
|
||||||
|
### Format Notation
|
||||||
|
```
|
||||||
|
terrain="TopLeft,TopRight,BottomLeft,BottomRight"
|
||||||
|
```
|
||||||
|
|
||||||
|
Vsaka pozicija ima številko terrajna (0, 1, 2...) ali je prazna (,) če ni terrain.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📊 Visual Guide - 3x3 Terrain Pattern
|
||||||
|
|
||||||
|
```
|
||||||
|
┌─────────┬─────────┬─────────┐
|
||||||
|
│ TL │ T │ TR │
|
||||||
|
│ ,,,0 │ ,,0,0 │ ,,0, │
|
||||||
|
├─────────┼─────────┼─────────┤
|
||||||
|
│ L │ CENTER │ R │
|
||||||
|
│ ,0,,0 │ 0,0,0,0 │ 0,,,0 │
|
||||||
|
├─────────┼─────────┼─────────┤
|
||||||
|
│ BL │ B │ BR │
|
||||||
|
│ ,0,, │ 0,0,, │ 0,,, │
|
||||||
|
└─────────┴─────────┴─────────┘
|
||||||
|
|
||||||
|
Legend:
|
||||||
|
TL = Top-Left T = Top TR = Top-Right
|
||||||
|
L = Left C = Center R = Right
|
||||||
|
BL = Bottom-Left B = Bottom BR = Bottom-Right
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🎨 Examples: Terrain ID "0"
|
||||||
|
|
||||||
|
| Tile Type | Terrain Value | Visual | Description |
|
||||||
|
|-----------|---------------|--------|-------------|
|
||||||
|
| **Top-Left Corner** | `,,,0` | `◣` | Only bottom-right corner belongs to terrain |
|
||||||
|
| **Top Edge** | `,,0,0` | `▄` | Bottom two corners belong to terrain |
|
||||||
|
| **Top-Right Corner** | `,,0,` | `◢` | Only bottom-left corner belongs to terrain |
|
||||||
|
| **Left Edge** | `,0,,0` | `▐` | Right two corners belong to terrain |
|
||||||
|
| **Center (FILL)** | `0,0,0,0` | `█` | All four corners belong to terrain |
|
||||||
|
| **Right Edge** | `0,,,0` | `▌` | Left two corners belong to terrain |
|
||||||
|
| **Bottom-Left Corner** | `,0,,` | `◤` | Only top-right corner belongs to terrain |
|
||||||
|
| **Bottom Edge** | `0,0,,` | `▀` | Top two corners belong to terrain |
|
||||||
|
| **Bottom-Right Corner** | `0,,,` | `◥` | Only top-left corner belongs to terrain |
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🔀 Inner Corners (Advanced)
|
||||||
|
|
||||||
|
Za kompleksne oblike potrebuješ "inner corners":
|
||||||
|
|
||||||
|
| Tile Type | Terrain Value | Visual | Description |
|
||||||
|
|-----------|---------------|--------|-------------|
|
||||||
|
| **Inner Top-Left** | `0,,0,0` | Konkaven kot | Missing top-right corner |
|
||||||
|
| **Inner Top-Right** | `0,0,0,` | Konkaven kot | Missing bottom-right corner |
|
||||||
|
| **Inner Bottom-Left** | `,0,0,0` | Konkaven kot | Missing top-left corner |
|
||||||
|
| **Inner Bottom-Right** | `0,0,,0` | Konkaven kot | Missing bottom-left corner |
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🌊 Multi-Terrain Example
|
||||||
|
|
||||||
|
### Grass (0) in Dirt (1)
|
||||||
|
|
||||||
|
```xml
|
||||||
|
<!-- GRASS TERRAIN -->
|
||||||
|
<tile id="0" terrain=",,,0"/> <!-- Grass Top-Left -->
|
||||||
|
<tile id="5" terrain="0,0,0,0"/> <!-- Grass Center -->
|
||||||
|
|
||||||
|
<!-- DIRT TERRAIN -->
|
||||||
|
<tile id="10" terrain=",,,1"/> <!-- Dirt Top-Left -->
|
||||||
|
<tile id="15" terrain="1,1,1,1"/> <!-- Dirt Center -->
|
||||||
|
|
||||||
|
<!-- TRANSITION: Grass to Dirt -->
|
||||||
|
<tile id="20" terrain="0,0,1,1"/> <!-- Top is Grass, Bottom is Dirt -->
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🎯 Pro Tips
|
||||||
|
|
||||||
|
1. **Empty = Non-terrain**: Prazno (,) pomeni "ta kot ni del terrajna"
|
||||||
|
2. **Terrain 0 = First**: Prvi terrain je vedno ID 0, drugi je 1, itd.
|
||||||
|
3. **Symmetry**: Pazi na simetrijo - `,,0,0` (top edge) NI enako kot `0,0,,` (bottom edge)
|
||||||
|
4. **Testing**: Uporabi Fill Tool v Tiled-u za test terrain transitions
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🔧 Wang Sets (Alternative)
|
||||||
|
|
||||||
|
Za **connected structures** (ograje, cevi):
|
||||||
|
|
||||||
|
```xml
|
||||||
|
<wangset name="Fence" type="edge" tile="-1">
|
||||||
|
<wangcolor name="Fence" color="#ff0000" tile="-1"/>
|
||||||
|
<wangtile tileid="0" wangid="0,0,1,0,1,0,0,0"/>
|
||||||
|
</wangset>
|
||||||
|
```
|
||||||
|
|
||||||
|
**Wang ID Format** (Edge-based):
|
||||||
|
```
|
||||||
|
wangid="Top,Top,Right,Right,Bottom,Bottom,Left,Left"
|
||||||
|
```
|
||||||
|
|
||||||
|
Vsaka pozicija: `0` = no edge, `1` = edge exists
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📚 Learning Path
|
||||||
|
|
||||||
|
1. ✅ Začni s preprostimi 3x3 terrain patterns
|
||||||
|
2. ✅ Preizkusi Terrain Brush v Tiled-u
|
||||||
|
3. ✅ Dodaj inner corners za kompleksne oblike
|
||||||
|
4. ✅ Eksperimentiraj z multi-terrain transitions
|
||||||
|
5. ✅ Preidi na Wang Sets za connected structures
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
**Happy Terrain Painting!** 🎨
|
||||||
77
assets/maps/micro_farm_8x8.tmx
Normal file
@@ -0,0 +1,77 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<map version="1.10" tiledversion="1.11.0" orientation="orthogonal" renderorder="right-down" width="8" height="8" tilewidth="48" tileheight="48" infinite="0" nextlayerid="7" nextobjectid="2">
|
||||||
|
<tileset firstgid="1" name="grass_soil" tilewidth="48" tileheight="48" tilecount="16" columns="4">
|
||||||
|
<image source="../tilesets/grass_soil_autotile.png" width="192" height="192"/>
|
||||||
|
</tileset>
|
||||||
|
<tileset firstgid="17" name="fence" tilewidth="48" tileheight="48" tilecount="16" columns="4">
|
||||||
|
<image source="../tilesets/fence_autotile.png" width="192" height="192"/>
|
||||||
|
</tileset>
|
||||||
|
<tileset firstgid="33" name="obstacles" tilewidth="48" tileheight="48" tilecount="32" columns="8">
|
||||||
|
<image source="../tilesets/farm_obstacles.png" width="384" height="192"/>
|
||||||
|
</tileset>
|
||||||
|
|
||||||
|
<!-- GROUND LAYER: Trava kjer lahko hodi karakter -->
|
||||||
|
<layer id="1" name="Ground" width="8" height="8">
|
||||||
|
<data encoding="csv">
|
||||||
|
6,6,7,6,6,7,6,6,
|
||||||
|
6,7,6,6,7,6,6,7,
|
||||||
|
7,6,6,7,6,6,7,6,
|
||||||
|
6,6,7,6,6,7,6,6,
|
||||||
|
6,7,6,6,7,6,6,7,
|
||||||
|
7,6,6,7,6,6,7,6,
|
||||||
|
6,6,7,6,6,7,6,6,
|
||||||
|
6,7,6,6,7,6,6,7
|
||||||
|
</data>
|
||||||
|
</layer>
|
||||||
|
|
||||||
|
<!-- TILLED SOIL: Zorana zemlja (postaviš kjer želiš) -->
|
||||||
|
<layer id="2" name="TilledSoil" width="8" height="8">
|
||||||
|
<data encoding="csv">
|
||||||
|
0,0,0,0,0,0,0,0,
|
||||||
|
0,14,14,14,0,0,0,0,
|
||||||
|
0,14,14,14,0,0,0,0,
|
||||||
|
0,14,14,14,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0
|
||||||
|
</data>
|
||||||
|
</layer>
|
||||||
|
|
||||||
|
<!-- FENCE LAYER: Ograje -->
|
||||||
|
<layer id="3" name="Fences" width="8" height="8">
|
||||||
|
<data encoding="csv">
|
||||||
|
0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0
|
||||||
|
</data>
|
||||||
|
</layer>
|
||||||
|
|
||||||
|
<!-- DECORATIONS: Skale, podrta drevesa -->
|
||||||
|
<layer id="4" name="Decorations" width="8" height="8">
|
||||||
|
<data encoding="csv">
|
||||||
|
0,0,0,0,0,41,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,0,0,
|
||||||
|
0,33,0,0,0,0,0,0,
|
||||||
|
0,0,0,0,0,0,43,0,
|
||||||
|
0,0,0,0,0,0,0,0,
|
||||||
|
0,49,50,0,0,0,0,0
|
||||||
|
</data>
|
||||||
|
</layer>
|
||||||
|
|
||||||
|
<objectgroup id="6" name="FarmBoundary">
|
||||||
|
<object id="1" name="FarmArea" x="0" y="0" width="384" height="384">
|
||||||
|
<properties>
|
||||||
|
<property name="type" value="micro_farm"/>
|
||||||
|
<property name="size" value="8x8"/>
|
||||||
|
</properties>
|
||||||
|
</object>
|
||||||
|
</objectgroup>
|
||||||
|
</map>
|
||||||
|
Before Width: | Height: | Size: 651 KiB |
|
Before Width: | Height: | Size: 666 KiB |
|
Before Width: | Height: | Size: 359 KiB |
|
Before Width: | Height: | Size: 624 KiB |
|
Before Width: | Height: | Size: 601 KiB |
|
Before Width: | Height: | Size: 579 KiB After Width: | Height: | Size: 579 KiB |
|
Before Width: | Height: | Size: 534 KiB After Width: | Height: | Size: 534 KiB |
|
Before Width: | Height: | Size: 521 KiB After Width: | Height: | Size: 521 KiB |
|
Before Width: | Height: | Size: 626 KiB After Width: | Height: | Size: 626 KiB |
|
Before Width: | Height: | Size: 691 KiB After Width: | Height: | Size: 691 KiB |
|
Before Width: | Height: | Size: 578 KiB After Width: | Height: | Size: 578 KiB |
|
Before Width: | Height: | Size: 736 KiB After Width: | Height: | Size: 736 KiB |
|
Before Width: | Height: | Size: 898 KiB After Width: | Height: | Size: 898 KiB |
|
Before Width: | Height: | Size: 682 KiB After Width: | Height: | Size: 682 KiB |
|
Before Width: | Height: | Size: 613 KiB After Width: | Height: | Size: 613 KiB |
|
Before Width: | Height: | Size: 559 KiB After Width: | Height: | Size: 559 KiB |
|
Before Width: | Height: | Size: 632 KiB After Width: | Height: | Size: 632 KiB |
|
Before Width: | Height: | Size: 662 KiB After Width: | Height: | Size: 662 KiB |
|
Before Width: | Height: | Size: 753 KiB After Width: | Height: | Size: 753 KiB |
|
Before Width: | Height: | Size: 763 KiB After Width: | Height: | Size: 763 KiB |
|
Before Width: | Height: | Size: 723 KiB After Width: | Height: | Size: 723 KiB |
|
Before Width: | Height: | Size: 721 KiB After Width: | Height: | Size: 721 KiB |
|
Before Width: | Height: | Size: 589 KiB After Width: | Height: | Size: 589 KiB |
|
Before Width: | Height: | Size: 656 KiB After Width: | Height: | Size: 656 KiB |
|
Before Width: | Height: | Size: 670 KiB After Width: | Height: | Size: 670 KiB |
|
Before Width: | Height: | Size: 638 KiB After Width: | Height: | Size: 638 KiB |
|
Before Width: | Height: | Size: 437 KiB After Width: | Height: | Size: 437 KiB |
|
Before Width: | Height: | Size: 664 KiB After Width: | Height: | Size: 664 KiB |
|
Before Width: | Height: | Size: 704 KiB After Width: | Height: | Size: 704 KiB |
|
Before Width: | Height: | Size: 867 KiB After Width: | Height: | Size: 867 KiB |
|
Before Width: | Height: | Size: 543 KiB After Width: | Height: | Size: 543 KiB |
|
Before Width: | Height: | Size: 657 KiB After Width: | Height: | Size: 657 KiB |
|
Before Width: | Height: | Size: 790 KiB After Width: | Height: | Size: 790 KiB |
|
Before Width: | Height: | Size: 682 KiB After Width: | Height: | Size: 682 KiB |
|
Before Width: | Height: | Size: 826 KiB After Width: | Height: | Size: 826 KiB |