David Kotnik
e92212cb9d
✅ 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!
156 lines
3.6 KiB
Markdown
156 lines
3.6 KiB
Markdown
# 🏕️ 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: Player** ← **NOVO!**
|
||
- **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:**
|
||
|
||
```javascript
|
||
// 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! 🎨**
|