shrani
This commit is contained in:
122
maps/demo_whitebg/README.md
Normal file
122
maps/demo_whitebg/README.md
Normal 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!**
|
||||
4
maps/demo_whitebg/campfire.tsx
Normal file
4
maps/demo_whitebg/campfire.tsx
Normal 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>
|
||||
105
maps/demo_whitebg/demo_whitebg.tmx
Normal file
105
maps/demo_whitebg/demo_whitebg.tmx
Normal 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>
|
||||
40
maps/demo_whitebg/tilesets/crops_whitebg.tsx
Normal file
40
maps/demo_whitebg/tilesets/crops_whitebg.tsx
Normal 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>
|
||||
32
maps/demo_whitebg/tilesets/objects_whitebg.tsx
Normal file
32
maps/demo_whitebg/tilesets/objects_whitebg.tsx
Normal 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>
|
||||
24
maps/demo_whitebg/tilesets/terrain_whitebg.tsx
Normal file
24
maps/demo_whitebg/tilesets/terrain_whitebg.tsx
Normal 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>
|
||||
Reference in New Issue
Block a user