Files
novafarma/assets/maps/STARTING_BASE_16x16_PLAN.md
NovaFarma Dev 26bb94e8bb feat: Tiled Map Editor - Complete tileset library (16 tilesets, 172 tiles)
- Added 16 professional tilesets for farm game
- Character sprites: Kai (96px + 512px), Zombie
- Tree growth: Cherry, Apple, Oak, Pine (5 stages each)
- Crop growth: Potatoes, Carrots, Corn, Pumpkin, Wheat (4 stages each)
- Camp objects: Tents, campfire, chests, workbench (12 items)
- Tools: Hoe, pickaxe, axe, scythe, fishing rod, watering can
- Decorations: Rocks, logs, flowers, berry bushes
- Terrain: Autotiling grass/soil, detailed terrain tiles

Maps:
- Created micro_farm_128x128.tmx (128x128 tiles, 6144x6144px)
- Updated starting_base_16x16.tmx with new tilesets
- Complete implementation plans for both maps

Fixes:
- Fixed XML headers in all TSX files (removed spaces)
- Verified all PNG files present
- Kai character sized correctly (96x96px = 2x2 ground tiles)

Documentation:
- Complete session summary (SESSION_COMPLETE.md)
- Tileset guides and troubleshooting
- Size fix documentation (KAI_SIZE_FIXED.md)
- DNEVNIK updated with session details

Ready for map design in Tiled and Phaser integration!
2025-12-20 10:29:28 +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! 🎨