noxious/client
6
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Test for tiles

Browse Source
This commit is contained in:
Dennis Postma
2024-08-31 16:13:30 +02:00
parent 8aaba2dee4
commit 9717a04d19
2 changed files with 133 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/zone/Tiles.vue
View File

@ -24,7 +24,6 @@ const zoneTilemap = ref(createTilemap())
const tiles = ref(createTileLayer())
const tileArray = ref(createTileArray())
function createTilemap() {
const zoneData = new Phaser.Tilemaps.MapData({
width: zone.value?.width,
@ -40,21 +39,35 @@ function createTilemap() {
}
function createTileLayer() {
const tilesetImages = assetStore.assets.filter((asset) => asset.group === 'tiles').map((asset, index) => zoneTilemap.value.addTilesetImage(asset.key, asset.key, config.tile_size.x, config.tile_size.y, 0, 0, index + 1))
const tilesFromZone = zone.value?.tiles || []
const uniqueTiles = new Set(tilesFromZone.flat().filter(Boolean))
const tilesetImages = Array.from(uniqueTiles).map((tile, index) => {
return zoneTilemap.value.addTilesetImage(tile, tile, config.tile_size.x, config.tile_size.y, 0, 0, index + 1)
})
// Add blank tile
tilesetImages.push(zoneTilemap.value.addTilesetImage('blank_tile', 'blank_tile', config.tile_size.x, config.tile_size.y, 0, 0, 0))
return zoneTilemap.value.createBlankLayer('tiles', tilesetImages, 0, config.tile_size.y)
return zoneTilemap.value.createBlankLayer('tiles', tilesetImages, 0, config.tile_size.y) as Phaser.Tilemaps.TilemapLayer
}
function createTileArray() {
return Array.from({ length: zone.value?.width ?? 0 }, () => Array.from({ length: zone.value?.height ?? 0 }, () => 'blank_tile'))
return Array.from({ length: zone.value?.width ?? 0 }, () =>
Array.from({ length: zone.value?.height ?? 0 }, () => 'blank_tile')
)
}
onBeforeMount(() => {
tileArray.value.forEach((row, y) => row.forEach((_, x) => placeTile(zoneTilemap.value, tiles.value, x, y, 'blank_tile')))
if (zone.value?.tiles) {
setAllTiles(zoneTilemap.value, tiles.value, zone.value.tiles)
tileArray.value = zone.value.tiles.map((row) => row.map((tileId) => tileId || 'blank_tile'))
tileArray.value = zone.value.tiles.map(row =>
row.map(tileId => tileId || 'blank_tile')
)
} else {
tileArray.value.forEach((row, y) =>
row.forEach((_, x) => placeTile(zoneTilemap.value, tiles.value, x, y, 'blank_tile'))
)
}
})