Files
novafarma/assets/maps 🟣/STARTING_BASE_16x16_PLAN.md
David Kotnik e92212cb9d 🎨 PIKE NA KONCU IMENA - Prave pozicije pike!
 VSE MAPE Z PIKAMI NA KONCU:

📂 /assets/
├── MASTER_REFS 🟣 (6 PNG)
├── animations 🟢 (134 PNG)
├── audio 🔴 (0 PNG)
├── demo 🔴 (0 PNG)
│   ├── biomi 🔴 (0 PNG)
│   ├── characters 🔴 (0 PNG)
│   ├── items 🔴 (0 PNG)
│   ├── npc 🔴 (0 PNG)
│   └── vfx 🔴 (0 PNG)
├── dialogue 🔴 (0 PNG)
├── kreature 🟢 (71 PNG)
├── maps 🟣 (1 PNG)
├── slike 🟢 (420 PNG!)
├── vfx 🟣 (3 PNG)
└── videos 🔴 (0 PNG)

📂 /tiled/
├── maps 🟣 (1 file)
├── tilesets 🟣 (1 file)
├── tutorials 🟣 (1 file)
└── TODO 🟣 (2 files)

🎯 FORMAT:
"folder_name 🔴" (ne "🔴 folder_name")
Pike na koncu imena! 

📊 STATUS LOGIC:
• 🔴 = 0 files (PRAZNO)
• 🟣 = 1-9 files (V DELU)
• 🟢 = 10+ files (DOKONČANO)

👁️ VISIBLE IN FINDER:
→ Instant visual feedback!
→ Na koncu imena (lepše!)
→ Easy sorting!

📁 All folders renamed!
🚀 Status indicators working!
2026-01-03 17:04:18 +01:00

3.6 KiB
Raw Blame History

🏕️ STARTING BASE 16×16 - FINALNI VODIČ (Z KAI!) 🎮

UPDATED: 20. Dec 2025 09:15
Tile Size: 24×24px (camp objects), 48×48px (terrain, Kai)
Character: Kai Marković DODAN!


STATUS:

  1. Grass terrain - 48×48px autotile
  2. Farm plot - Tilled soil autotile
  3. Fence - Wang set auto-connections
  4. Micro camp - 24×24px objekti
  5. KAI CHARACTER - 48×48px (2×2 grid: front/back/left/right) 🎉

🗺️ LAYER SETUP:

Layer 1: Ground

  • Celotna mapa: Grass terrain (48×48px)

Layer 2: TilledSoil

  • Center farm plot: 4×4 area

Layer 3: Fences

  • Around farm plot

Layer 4: Decorations

  • Trees, rocks, flowers

Layer 5: Objects

  • Micro camp 24×24px objekti (campfire, sleeping bag, chest, etc.)

Layer 6: PlayerNOVO!

  • Kai character sprite
  • Starting position: Row 8, Col 8 (center of map)

📦 TILESETS V MAPI:

  1. grass_soil_autotile (firstgid=1) - Ground terrain
  2. fence_autotile (firstgid=17) - Fence auto-connections
  3. micro_camp_24px (firstgid=33) - Camp objects (8 tiles)
  4. kai_character (firstgid=41) - KAI SPRITE (4 tiles) 🎉
  5. farm_obstacles (firstgid=45) - Obstacles

🎮 KAI CHARACTER TILESET:

File: kai_character.tsx
Image: kai_character.png (1024×1024px - 2×2 grid)
Tile Size: 512×512px (HIGH-RES 2D smooth art!)
Total Tiles: 4

[Tile 41] Front view (spredaj)    [Tile 42] Back view (zadaj + nahrbtnik)
[Tile 43] Left view (leva stran)  [Tile 44] Right view (desna stran)

Style: 2D smooth vector art (NOT pixel art!)
Details:

  • Zeleni dreadlocks
  • Vijolične oči (Alpha Hybrid)
  • Siva hoodie jopa
  • Tactical hlače + boots
  • Nahrbtnik (viden na back view)

Uporaba:

  • Za statično postavo: Front view (Tile 41)
  • Za animacije v Phaser: Menjava med 4 smeri glede na movement

🎨 IMPLEMENTATION STEPS:

STEP 1-5: Ground, Farm, Fence, Decorations, Camp Objects

(Kot prej - sledite osnovnemu planu)

STEP 6: Dodaj Kai Character 🎮

1. V Tiled: Ustvari NOV layer
   - Layer → New Layer → Tile Layer
   - Name: "Player"
   - Postavi NAD "Objects" layer

2. Tileset panel → Select "kai_character"

3. Tool: Stamp Brush (B)

4. Izberi FRONT VIEW tile (prvi tile - tile 41)

5. Postavi na CENTER mape:
   - Row 8, Col 8
   - (To je spawn point za igralca!)

6. POMEMBNO: 
   - Samo 1 Kai tile na maps!
   - To je STATIČNI placeholder
   - V Phaser igri bo animiran

STEP 7: Save & Export

Save: Ctrl+S
Export: File → Export As → JSON
        → starting_base_16x16.json

🎯 KAJ BOSTE IMELI:

Po končanem designu:

  • 16×16 grass background
  • 4×4 fenced farm plot
  • Micro camp area (fire, sleeping bag, chests)
  • Kai character na spawn position! 🎉
  • Trees & decorations

💡 PHASER INTEGRATION NOTES:

Ko boste naložili JSON v Phaser:

// Kai spawn position iz Tiled mape
const playerSpawn = map.findObject("Player", obj => obj.name === "Kai");

// Ali preprosto uporabite tile position:
const playerX = 8 * 48; // Column 8 × 48px
const playerY = 8 * 48; // Row 8 × 48px

// Create player sprite
this.player = this.physics.add.sprite(playerX, playerY, 'kai');

// Setup animations (4 smeri)
this.anims.create({
    key: 'walk_down',
    frames: [{ key: 'kai', frame: 0 }], // Front
    frameRate: 10
});
// ... ostale animacije

🚀 READY ZA DESIGN!

Odprite Tiled in začnite graditi vašo starting base! 🎨