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!
This commit is contained in:
201
assets/maps/AUTO_TILING_CHECKLIST.md
Normal file
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
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
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
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
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>
|
||||
Reference in New Issue
Block a user