- Ustvarjen skript za ločevanje objektov iz tileset slik (obdelaj_tilesete.py) - Odstranjevanje zelenega ozadja (#00FF00) iz vseh slik - Ločevanje posameznih objektov iz multi-object slik - Pomanjševanje na 50% originalne velikosti - Obdelanih 234 slik 3877 ločenih objektov - Ustvarjen skript za generiranje TSX datotek (generiraj_tsx_datoteke.py) - Avtomatsko generiranje 3877 TSX datotek za Tiled Map Editor - Pravilna XML struktura za vsak tileset - Avtomatska detekcija velikosti objektov - Relativne poti do slik Rezultati: - assets/narezano_loceno/ - 3877 ločenih PNG objektov - assets/tilesets_auto/ - 3877 TSX datotek za Tiled - Dokumentacija in navodila za uporabo Vse pripravljeno za uporabo v Tiled Map Editor!
108 lines
1.9 KiB
Markdown
108 lines
1.9 KiB
Markdown
# 🗺️ EXPORT JSON IZ TILED - NAVODILA
|
|
|
|
## 📋 KORAKI ZA EXPORT:
|
|
|
|
### 1. **Odpri Tiled**
|
|
```
|
|
Zaženi Tiled Map Editor
|
|
```
|
|
|
|
### 2. **Naloži Mapo**
|
|
```
|
|
File → Open → micro_farm_128x128.tmx
|
|
```
|
|
|
|
### 3. **Export v JSON**
|
|
```
|
|
File → Export As...
|
|
```
|
|
|
|
Nastavi naslednje:
|
|
- **Format:** JSON map files (*.json)
|
|
- **Ime datoteke:** `micro_farm_128x128.json`
|
|
- **Lokacija:** `C:\novafarma\assets\maps\`
|
|
|
|
### 4. **Shrani**
|
|
```
|
|
Klikni "Save" ali "Export"
|
|
```
|
|
|
|
---
|
|
|
|
## ✅ PREVERI:
|
|
|
|
Po exportu preveri, da obstaja datoteka:
|
|
```
|
|
C:\novafarma\assets\maps\micro_farm_128x128.json
|
|
```
|
|
|
|
---
|
|
|
|
## 🎮 ZAŽENI IGRO:
|
|
|
|
Ko imaš JSON exportan:
|
|
|
|
1. **Zaženi server:**
|
|
```powershell
|
|
npm start
|
|
```
|
|
|
|
2. **Odpri brskalnik:**
|
|
```
|
|
http://localhost:3000
|
|
```
|
|
|
|
3. **Pričakovan rezultat:**
|
|
- Igra naloži assets
|
|
- Avtomatsko se odpre TiledTestScene
|
|
- Vidiš svojo micro farm mapo! 🌾
|
|
|
|
---
|
|
|
|
## 🎮 KONTROLE V TESTU:
|
|
|
|
Ko je mapa naložena:
|
|
- **Puščice:** Premakni kamero
|
|
- **Q/E:** Zoom in/out
|
|
- **R:** Reset kamere na center
|
|
- **ESC:** Nazaj na glavni meni
|
|
|
|
---
|
|
|
|
## ⚠️ ČE NE DELA:
|
|
|
|
Preveri v **konzoli brskalnika** (F12):
|
|
- Ali je JSON uspešno naložen?
|
|
- Ali so tilesets uspešno dodani?
|
|
- Ali se prikazujejo layerji?
|
|
|
|
Če vidiš napake, poglej konzolo in mi povej kaj piše!
|
|
|
|
---
|
|
|
|
## 🔙 VRNI NAZAJ NA NORMALNO IGRO:
|
|
|
|
Ko končaš testiranje, uredi `src/scenes/PreloadScene.js`:
|
|
|
|
```javascript
|
|
create() {
|
|
// ...
|
|
this.time.delayedCall(500, () => {
|
|
console.log('🎮 Starting StoryScene...');
|
|
// this.scene.start('TiledTestScene'); // ← ZAKOMENTIRAJ
|
|
this.scene.start('StoryScene'); // ← ODKOMENTIRAJ
|
|
});
|
|
}
|
|
```
|
|
|
|
---
|
|
|
|
## 📝 BELEŽKA:
|
|
|
|
**Namen TiledTestScene:**
|
|
- Osamljeno testiranje Tiled map
|
|
- Brez ostalih game sistemov (zombiji, weather, etc.)
|
|
- Čist pogled na tvoj map design! 🎨
|
|
|
|
Ko si zadovoljen z mapo, lahko integraš v GameScene! ✅
|