This commit is contained in:
2025-12-30 23:48:51 +01:00
parent a072fd48b1
commit 190d45edfa
399 changed files with 3914 additions and 1 deletions

122
maps/demo_whitebg/README.md Normal file
View File

@@ -0,0 +1,122 @@
# 🗺️ WHITE BACKGROUND VERSION - TILED MAP
**Location:** `maps/demo_whitebg/`
**Map File:** `demo_whitebg.tmx`
**Assets:** Using `demo_originals_with_white_bg/` folder
**Status:** ✅ READY!
---
## 📁 PROJEKT STRUKTURA:
```
maps/demo_whitebg/
├── demo_whitebg.tmx ✅ Main map (white BG)
└── tilesets/
├── terrain_whitebg.tsx ✅ Grass, dirt, tilled soil
├── crops_whitebg.tsx ✅ Wheat stages 0-4
└── objects_whitebg.tsx ✅ Tent, campfire, tree, rock
```
---
## 🎨 ASSET SOURCES:
**All assets from:**
`assets/images/demo_originals_with_white_bg/`
**Folders used:**
- `/terrain/` - Grass, dirt, tilled soil tiles
- `/crops/` - Wheat growth stages
- `/buildings/` - Tent
- `/environment/` - Campfire, dead tree, rock
**Original files:** Backup with WHITE backgrounds (before transparency removal)
---
## 🗺️ MAP LAYOUT:
**Same as transparent version:**
- 8×8 tiles (512×512 pixels)
- 7 layers configured
- Grass terrain base
- 2×2 tilled soil at (1,1)
- Tent, campfire, tree, rock placed
- Kai spawn at (2,5)
- Zombie spawn at (4,4)
- Collision boxes ready
**Difference:** Tiles have white backgrounds instead of transparency!
---
## 💡 WHY USE WHITE BACKGROUND VERSION?
**Good for:**
- ✅ Tiled preview (easier to see edges)
- ✅ Quick mockups without transparency issues
- ✅ Testing layout without alpha channel
- ✅ Easier sprite boundary visualization
**For production:**
- Use transparent version (better for overlapping)
- White BG good for development/testing
---
## 🔄 BOTH VERSIONS AVAILABLE:
### **Version 1: Transparent (Production)**
- Location: `maps/demo_project/`
- Assets: `assets/images/demo/` (RGBA transparent)
- Use for: Final game, overlapping sprites
### **Version 2: White BG (Development)** ← YOU ARE HERE
- Location: `maps/demo_whitebg/`
- Assets: `assets/images/demo_originals_with_white_bg/`
- Use for: Testing, quick edits, Tiled work
---
## 📖 OPEN IN TILED:
```bash
tiled maps/demo_whitebg/demo_whitebg.tmx
```
**Should be OPEN NOW!**
---
## 📤 EXPORT (if needed):
```bash
# In Tiled:
File → Export As... → demo_whitebg.json
```
---
## ✅ KAJ VIDITE ZDAJ:
**V Tiled editor:**
- Map with white background tiles
- Easier to see tile boundaries!
- Same layout as transparent version
- All objects in same positions
**Layers (same as before):**
1. Base Terrain (grass tiles)
2. Tilled Soil (2×2 patch)
3. Crops (empty)
4. Buildings (tent)
5. Decorations (campfire, tree, rock)
6. Spawns (Kai, zombie)
7. Collision (3 boxes)
---
**UŽIVAJTE! 🗺️✨**
**White backgrounds make it easier to see sprite edges in Tiled!**

View File

@@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8"?>
<tileset version="1.11" tiledversion="1.11.2" name="campfire" tilewidth="20" tileheight="10" tilecount="5202" columns="51">
<image source="../../assets/images/environment/campfire.png" width="1024" height="1024"/>
</tileset>

View File

@@ -0,0 +1,105 @@
<?xml version="1.0" encoding="UTF-8"?>
<map version="1.10" tiledversion="1.10.2" orientation="orthogonal" renderorder="right-down" width="16" height="16" tilewidth="32" tileheight="32" infinite="0" nextlayerid="8" nextobjectid="10">
<properties>
<property name="demo_version" value="1.0_whitebg"/>
<property name="style" value="A"/>
<property name="background" value="white"/>
</properties>
<tileset firstgid="1" source="tilesets/terrain_whitebg.tsx"/>
<tileset firstgid="5" source="tilesets/crops_whitebg.tsx"/>
<tileset firstgid="10" source="tilesets/objects_whitebg.tsx"/>
<!-- Base Terrain Layer - Fill with grass -->
<layer id="1" name="Base Terrain" width="16" height="16">
<data encoding="csv">
1,1,1,1,1,1,1,1,
1,1,1,1,1,1,1,1,
1,1,1,1,1,1,1,1,
1,1,1,1,1,1,1,1,
1,1,1,1,1,1,1,1,
1,1,1,1,1,1,1,1,
1,1,1,1,1,1,1,1,
1,1,1,1,1,1,1,1
</data>
</layer>
<!-- Tilled Soil Layer - 2x2 patch -->
<layer id="2" name="Tilled Soil" width="16" height="16">
<data encoding="csv">
0,0,0,0,0,0,0,0,
0,3,3,0,0,0,0,0,
0,3,3,0,0,0,0,0,
0,0,0,0,0,0,0,0,
0,0,0,0,0,0,0,0,
0,0,0,0,0,0,0,0,
0,0,0,0,0,0,0,0,
0,0,0,0,0,0,0,0
</data>
</layer>
<!-- Crops Layer - Empty -->
<layer id="3" name="Crops" width="16" height="16">
<data encoding="csv">
0,0,0,0,0,0,0,0,
0,0,0,0,0,0,0,0,
0,0,0,0,0,0,0,0,
0,0,0,0,0,0,0,0,
0,0,0,0,0,0,0,0,
0,0,0,0,0,0,0,0,
0,0,0,0,0,0,0,0,
0,0,0,0,0,0,0,0
</data>
</layer>
<!-- Buildings Layer -->
<objectgroup id="4" name="Buildings">
<object id="1" name="tent" type="building" gid="10" x="384" y="128" width="64" height="64">
<properties>
<property name="collision" type="bool" value="true"/>
<property name="description" value="Base tent with white background"/>
</properties>
</object>
</objectgroup>
<!-- Decorations Layer -->
<objectgroup id="5" name="Decorations">
<object id="2" name="campfire" type="decoration" gid="11" x="384" y="384" width="64" height="64">
<properties>
<property name="animated" type="bool" value="true"/>
</properties>
</object>
<object id="3" name="dead_tree" type="decoration" gid="12" x="0" y="96" width="64" height="96">
<properties>
<property name="collision" type="bool" value="true"/>
</properties>
</object>
<object id="4" name="rock" type="decoration" gid="13" x="256" y="32" width="48" height="32">
<properties>
<property name="collision" type="bool" value="true"/>
</properties>
</object>
</objectgroup>
<!-- Spawns Layer -->
<objectgroup id="6" name="Spawns">
<object id="5" name="kai_spawn" type="player" x="128" y="320" width="32" height="32">
<properties>
<property name="facing" value="south"/>
<property name="speed" type="int" value="160"/>
</properties>
</object>
<object id="6" name="zombie_1" type="npc_zombie" x="256" y="256" width="32" height="32">
<properties>
<property name="ai" value="idle_dig_loop"/>
</properties>
</object>
</objectgroup>
<!-- Collision Layer -->
<objectgroup id="7" name="Collision">
<object id="7" type="collision" x="384" y="64" width="64" height="64"/>
<object id="8" type="collision" x="8" y="0" width="48" height="64"/>
<object id="9" type="collision" x="260" y="2" width="40" height="28"/>
</objectgroup>
</map>

View File

@@ -0,0 +1,40 @@
<? xml version = "1.0" encoding = "UTF-8" ?>
<tileset version="1.10" tiledversion="1.10.2" name="crops_whitebg" tilewidth="64" tileheight="64" tilecount="5" columns="0">
<grid orientation="orthogonal" width="1" height="1" />
<tile id="0">
<image width="64" height="64" source="../../assets/images/demo_originals_with_white_bg/crops/wheat_stage0_styleA.png" />
<properties>
<property name="crop_type" value="wheat" />
<property name="growth_stage" type="int" value="0" />
</properties>
</tile>
<tile id="1">
<image width="64" height="64" source="../../assets/images/demo_originals_with_white_bg/crops/wheat_stage1_styleA.png" />
<properties>
<property name="crop_type" value="wheat" />
<property name="growth_stage" type="int" value="1" />
</properties>
</tile>
<tile id="2">
<image width="64" height="64" source="../../assets/images/demo_originals_with_white_bg/crops/wheat_stage2_styleA.png" />
<properties>
<property name="crop_type" value="wheat" />
<property name="growth_stage" type="int" value="2" />
</properties>
</tile>
<tile id="3">
<image width="64" height="64" source="../../assets/images/demo_originals_with_white_bg/crops/wheat_stage3_styleA.png" />
<properties>
<property name="crop_type" value="wheat" />
<property name="growth_stage" type="int" value="3" />
</properties>
</tile>
<tile id="4">
<image width="64" height="64" source="../../assets/images/demo_originals_with_white_bg/crops/wheat_stage4_styleA.png" />
<properties>
<property name="crop_type" value="wheat" />
<property name="growth_stage" type="int" value="4" />
<property name="harvestable" type="bool" value="true" />
</properties>
</tile>
</tileset>

View File

@@ -0,0 +1,32 @@
<? xml version = "1.0" encoding = "UTF-8" ?>
<tileset version="1.10" tiledversion="1.10.2" name="objects_whitebg" tilewidth="64" tileheight="96" tilecount="4" columns="0">
<grid orientation="orthogonal" width="1" height="1" />
<tile id="0">
<image width="64" height="64" source="../../assets/images/demo_originals_with_white_bg/buildings/tent_styleA.png" />
<properties>
<property name="building_type" value="tent" />
<property name="collision" type="bool" value="true" />
</properties>
</tile>
<tile id="1">
<image width="64" height="64" source="../../assets/images/demo_originals_with_white_bg/environment/campfire_styleA.png" />
<properties>
<property name="decoration_type" value="campfire" />
<property name="animated" type="bool" value="true" />
</properties>
</tile>
<tile id="2">
<image width="64" height="96" source="../../assets/images/demo_originals_with_white_bg/environment/dead_tree_styleA.png" />
<properties>
<property name="decoration_type" value="tree" />
<property name="collision" type="bool" value="true" />
</properties>
</tile>
<tile id="3">
<image width="48" height="32" source="../../assets/images/demo_originals_with_white_bg/environment/rock_styleA.png" />
<properties>
<property name="decoration_type" value="rock" />
<property name="collision" type="bool" value="true" />
</properties>
</tile>
</tileset>

View File

@@ -0,0 +1,24 @@
<? xml version = "1.0" encoding = "UTF-8" ?>
<tileset version="1.10" tiledversion="1.10.2" name="terrain_whitebg" tilewidth="64" tileheight="64" tilecount="4" columns="0">
<grid orientation="orthogonal" width="1" height="1" />
<tile id="0">
<image width="64" height="64" source="../../assets/images/demo_originals_with_white_bg/terrain/grass_tile_styleA.png" />
</tile>
<tile id="1">
<image width="64" height="64" source="../../assets/images/demo_originals_with_white_bg/terrain/dirt_tile_styleA.png" />
</tile>
<tile id="2">
<image width="64" height="64" source="../../assets/images/demo_originals_with_white_bg/terrain/tilled_dry_styleA.png" />
<properties>
<property name="farmable" type="bool" value="true" />
<property name="watered" type="bool" value="false" />
</properties>
</tile>
<tile id="3">
<image width="64" height="64" source="../../assets/images/demo_originals_with_white_bg/terrain/tilled_watered_styleA.png" />
<properties>
<property name="farmable" type="bool" value="true" />
<property name="watered" type="bool" value="true" />
</properties>
</tile>
</tileset>