📂 NEW FOLDER STRUCTURE: /tiled/ ├── maps/ → For .tmx and .json maps ├── tilesets/ → For .tsx tileset files ├── tutorials/ → For guides and tutorials └── TODO/ → What needs to be done └── KAJ_NAREDITI_ZA_DEMO.md ⭐ 📊 EXISTING ASSETS (in /assets/maps/): ✅ 9 TMX map files (NovaFarma.tmx, etc!) ✅ 50+ TSX tileset files! ✅ 10+ documentation files! ✅ Organized in base_tilesets/, farm_tilesets/, etc. 🎯 DEMO OPTIONS DOCUMENTED: 1. Procedural terrain ✅ (fastest - already working!) 2. Use NovaFarma.tmx ✅ (quick - already exists!) 3. Create demo_farm.tmx ⚠️ (more work - need tiles!) 💡 RECOMMENDATION: → Skip Tiled for demo! ✅ → Use procedural terrain (GameScene.js) → Save 1-2 hours! → Tiled for full game later! 📋 COMPLETE GUIDE: → tiled/TODO/KAJ_NAREDITI_ZA_DEMO.md → Explains all options + steps! 📁 New files: - tiled/README.md - tiled/TODO/KAJ_NAREDITI_ZA_DEMO.md NEXT: Start coding demo! 🎮
273 lines
6.4 KiB
Markdown
273 lines
6.4 KiB
Markdown
# 🗺️ TILED - KAJ JE TREBA NAREDITI ZA DEMO
|
||
|
||
**Datum:** 3. Januar 2026
|
||
**Status:** Organizacija Tiled map projektov
|
||
|
||
---
|
||
|
||
## 📂 **MAPA STRUKTURA:**
|
||
|
||
```
|
||
/tiled/
|
||
├── maps/ → Vse .tmx in .json mape
|
||
├── tilesets/ → Vse .tsx tilesets
|
||
├── tutorials/ → Vodiči in navodila
|
||
└── TODO/ → Kaj je še treba narediti
|
||
```
|
||
|
||
---
|
||
|
||
## ✅ **KAJ ŽE IMAš (v /assets/maps/):**
|
||
|
||
### **MAPS (9 TMX files):**
|
||
```
|
||
✅ NovaFarma.tmx (glavna mapa!)
|
||
✅ TownSquare.json
|
||
✅ base_farm.tmx
|
||
✅ testni_travnik.tmx
|
||
✅ zapuscena_vas_48x48.tmx
|
||
✅ travnik_32x32.tmx
|
||
✅ travnik_s_objekti.tmx
|
||
✅ ground_test_16x16.tmx
|
||
✅ _template_base.tmx (template!)
|
||
✅ auto_generated_map.tmx
|
||
```
|
||
|
||
### **TILESETS (50+ TSX files!):**
|
||
```
|
||
✅ Organized folders:
|
||
- base_tilesets/ (3 files)
|
||
- extended_tilesets/ (12 files)
|
||
- farm_tilesets/ (5 files)
|
||
- organized_tilesets/ (75 files!)
|
||
|
||
✅ Key tilesets:
|
||
- ground_tiles.tsx
|
||
- grass_soil_tileset.tsx
|
||
- farm_obstacles.tsx
|
||
- fence.tsx
|
||
- kai_character.tsx
|
||
- buildings_ruins_states.tsx
|
||
- + 40+ more!
|
||
```
|
||
|
||
### **DOKUMENTACIJA:**
|
||
```
|
||
✅ AUTO_TILING_CHECKLIST.md
|
||
✅ AUTO_TILING_VODIC.md
|
||
✅ TILED_GUIDE.md
|
||
✅ TERRAIN_NOTATION_REFERENCE.md
|
||
✅ TILESET_SIZES_FINAL.md
|
||
✅ MICRO_FARM_VODIC.md
|
||
✅ + več!
|
||
```
|
||
|
||
---
|
||
|
||
## 🎯 **KAJ JE TREBA NAREDITI ZA DEMO:**
|
||
|
||
### **PRIORITETA 1: DEMO MAP (16×16 ali 32×32)**
|
||
|
||
**CILJ:** Majhna demo farma za 5-min gameplay!
|
||
|
||
```
|
||
TODO: Naredi novo mapo "demo_farm.tmx"
|
||
|
||
SPECIFIKACIJE:
|
||
- Size: 16×16 tiles (ali 32×32 če večja)
|
||
- Tile size: 48×48 px (kot NovaFarma.tmx)
|
||
- World size: 768×768 px (16×16) ali 1536×1536 px (32×32)
|
||
|
||
LAYERS:
|
||
1. Ground (grass, dirt)
|
||
2. Objects (farmhouse, barn, trees)
|
||
3. Player (spawn point)
|
||
4. Collision (invisible walkable/non-walkable)
|
||
|
||
CONTENT:
|
||
✅ Farmhouse (player's home)
|
||
✅ Barn (kjer je Gronk!)
|
||
✅ 5-10 Trees (za chopping)
|
||
✅ Farm plots area (dirt tiles)
|
||
✅ Grass around
|
||
✅ 1 Kai spawn point
|
||
✅ 1 Gronk spawn point (pri barn)
|
||
✅ 3 Zombie spawn points (ambient)
|
||
```
|
||
|
||
---
|
||
|
||
### **PRIORITETA 2: TILESET ZA DEMO**
|
||
|
||
**Problem:** Rabiš GENERIC farm tileset (ne Dino Valley!)
|
||
|
||
```
|
||
TODO: Ustvari "demo_farm_tileset.tsx"
|
||
|
||
POTREBNO:
|
||
⚠️ Grass tiles (4 variations) - ŠE MANJKA!
|
||
⚠️ Dirt tiles (3 variations) - ŠE MANJKA!
|
||
⚠️ Path tiles (stone) - ŠE MANJKA!
|
||
⚠️ Water tile (pond) - ŠE MANJKA!
|
||
✅ Fence tiles (već imaš - fence.tsx!)
|
||
✅ Buildings (farmhouse, barn - več imaš!)
|
||
✅ Trees (oak, pine - več imaš!)
|
||
✅ Tree stump (newly generated!)
|
||
|
||
STATUS:
|
||
- Buildings/Trees: ✅ READY!
|
||
- Terrain tiles: ⚠️ NEED TO GENERATE (ali SKIP za zdaj!)
|
||
```
|
||
|
||
---
|
||
|
||
### **PRIORITETA 3: INTEGRACIJA V PHASER 3**
|
||
|
||
```
|
||
TODO: Naloži demo_farm.tmx v Phaser 3
|
||
|
||
STEPS:
|
||
1. Export demo_farm.tmx to JSON (Tiled → File → Export As → JSON)
|
||
2. Copy JSON to /assets/maps/demo_farm.json
|
||
3. Load in PreloadScene.js:
|
||
this.load.tilemapTiledJSON('demo_farm', 'assets/maps/demo_farm.json');
|
||
4. Create map in GameScene.js (ali DemoScene.js):
|
||
const map = this.make.tilemap({ key: 'demo_farm' });
|
||
5. Add layers, spawn player, spawn NPCs
|
||
6. Test collision!
|
||
```
|
||
|
||
---
|
||
|
||
## 📋 **KORAKI ZA DEMO MAP:**
|
||
|
||
### **OPTION A: Uporabi obstoječo NovaFarma.tmx**
|
||
```
|
||
✅ Že obstaja!
|
||
✅ Že ima layers, tilesets, spawn points!
|
||
⚠️ Morda prevelika za demo (vendar dela!)
|
||
|
||
QUICK FIX:
|
||
1. Odpri NovaFarma.tmx v Tiled
|
||
2. Preveri ali ima:
|
||
- Player spawn točko ✅
|
||
- Ground layer ✅
|
||
- Objects layer ✅
|
||
3. Export to JSON če še ni
|
||
4. Naloži v Phaser 3!
|
||
```
|
||
|
||
### **OPTION B: Naredi NOVO demo_farm.tmx**
|
||
```
|
||
⚠️ Rabo terrain tiles (grass, dirt)!
|
||
⚠️ 30-60 min dela!
|
||
|
||
STEPS:
|
||
1. Odpri Tiled
|
||
2. New Map → 16×16 tiles, 48×48 px tile size
|
||
3. Add layers: Ground, Objects, Player, Collision
|
||
4. Paint terrain (grass, dirt)
|
||
5. Place objects (farmhouse, barn, trees)
|
||
6. Mark spawn points
|
||
7. Export to JSON
|
||
8. Naloži v Phaser 3!
|
||
```
|
||
|
||
---
|
||
|
||
## 🎯 **PRIPOROČILO:**
|
||
|
||
### **ZA DEMO - UPORABI OBSTOJEČO NovaFarma.tmx! ✅**
|
||
|
||
**ZAKAJ:**
|
||
```
|
||
✅ Že obstaja in dela!
|
||
✅ Že ima Player spawn točko!
|
||
✅ Že ima Ground, Objects layers!
|
||
✅ Že integrirana v Phaser 3!
|
||
✅ SKIP terrain tile generation!
|
||
✅ Prihrani čas!
|
||
```
|
||
|
||
**ALI:**
|
||
```
|
||
⚠️ Če želiš MAJHNO demo mapo:
|
||
- Generiraj terrain tiles (grass×4, dirt×3, path, water)
|
||
- Naredi novo 16×16 demo_farm.tmx
|
||
- Export to JSON
|
||
- Integracija v Phaser 3
|
||
- TIME: 1-2 uri!
|
||
```
|
||
|
||
---
|
||
|
||
## 📝 **QUICKSTART ZA TILED:**
|
||
|
||
### **ČE ŠE NIMAŠ TILED:**
|
||
```
|
||
1. Download Tiled: https://www.mapeditor.org/
|
||
2. Install
|
||
3. Open NovaFarma.tmx (v /assets/maps/)
|
||
4. Browse existing map!
|
||
```
|
||
|
||
### **ČE ŽE IMAš TILED:**
|
||
```
|
||
1. Open Tiled
|
||
2. File → Open → /assets/maps/NovaFarma.tmx
|
||
3. Check layers, tilesets, spawn points
|
||
4. File → Export As → JSON
|
||
5. Copy to /assets/maps/NovaFarma.json (če še ni)
|
||
6. Done! Ready za Phaser 3!
|
||
```
|
||
|
||
---
|
||
|
||
## 🚀 **NASLEDNJI KORAKI:**
|
||
|
||
```
|
||
OPCIJA 1: Skip Tiled za zdaj, uporabi procedural terrain
|
||
✅ Že deluje v GameScene.js!
|
||
✅ Samo kodo napiši (DemoScene.js)!
|
||
✅ TIME: 1-2 uri!
|
||
|
||
OPCIJA 2: Uporabi obstoječo NovaFarma.tmx
|
||
✅ Export to JSON če še ni
|
||
✅ Check če dela v Phaser 3
|
||
✅ TIME: 30 min!
|
||
|
||
OPCIJA 3: Naredi novo demo_farm.tmx
|
||
⚠️ Generiraj terrain tiles (grass, dirt, etc.)
|
||
⚠️ Build map v Tiled
|
||
⚠️ Export, integracija
|
||
⚠️ TIME: 1-2 uri!
|
||
```
|
||
|
||
---
|
||
|
||
## 📊 **STATUS:**
|
||
|
||
```
|
||
╔════════════════════════════════════════════╗
|
||
║ TILED ZA DEMO STATUS: ║
|
||
╠════════════════════════════════════════════╣
|
||
║ ║
|
||
║ MAPS: ✅ 9 TMX files already! ║
|
||
║ TILESETS: ✅ 50+ TSX files! ║
|
||
║ DOCS: ✅ Multiple guides! ║
|
||
║ ║
|
||
║ DEMO MAP OPTIONS: ║
|
||
║ 1. Procedural terrain ✅ (fastest!) ║
|
||
║ 2. Use NovaFarma.tmx ✅ (quick!) ║
|
||
║ 3. New demo_farm.tmx ⚠️ (more work!) ║
|
||
║ ║
|
||
║ PRIPOROČAM: Option 1 ali 2! ✅ ║
|
||
║ ║
|
||
╚════════════════════════════════════════════╝
|
||
```
|
||
|
||
---
|
||
|
||
**📁 SAVED IN: /tiled/TODO/KAJ_NAREDITI_ZA_DEMO.md**
|
||
**Naslednji korak: Koda ali Tiled? Ti odločiš! 🚀**
|