Files
novafarma/docs/TILED_EXPORT_NAVODILA.md
NovaFarma Dev 7eb1a5874a Avtomatska obdelava tileset slik - 3877 ločenih objektov in TSX datotek
- 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!
2025-12-21 15:36:42 +01:00

1.9 KiB

🗺️ 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:

    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:

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!