From 2bf10399978d1226044afd76180fa156f9ffb87d Mon Sep 17 00:00:00 2001
From: Dennis Postma <dennis@directonline.io>
Date: Mon, 16 Sep 2024 17:47:46 +0200
Subject: [PATCH] Stash
---
src/components/gameMaster/zoneEditor/ZoneEditor.vue | 11 ++++++++---
src/components/zone/Tiles.vue | 9 ++++++---
2 files changed, 14 insertions(+), 6 deletions(-)
diff --git a/src/components/gameMaster/zoneEditor/ZoneEditor.vue b/src/components/gameMaster/zoneEditor/ZoneEditor.vue
index a208542..0b1bbce 100644
--- a/src/components/gameMaster/zoneEditor/ZoneEditor.vue
+++ b/src/components/gameMaster/zoneEditor/ZoneEditor.vue
@@ -7,6 +7,7 @@
<Objects />
<ZoneSettings />
<TeleportModal v-if="shouldShowTeleportModal" />
+<!-- Disabled for now since it bottlenecks performance -->
<!-- <TilemapLayerC :tilemap="zoneTilemap as Tilemap" :tileset="tileArray as any" :layerIndex="0" :cull-padding="3" />-->
<Controls :layer="tiles as TilemapLayer" />
@@ -68,15 +69,19 @@ function createTilemap() {
tileWidth: config.tile_size.x,
tileHeight: config.tile_size.y,
orientation: Phaser.Tilemaps.Orientation.ISOMETRIC,
- format: Phaser.Tilemaps.Formats.ARRAY_2D
+ format: Phaser.Tilemaps.Formats.ARRAY_2D,
})
- return new Phaser.Tilemaps.Tilemap(scene, zoneData)
+ const tilemap = new Phaser.Tilemaps.Tilemap(scene, zoneData)
+ return tilemap
}
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))
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 as any, 0, config.tile_size.y)
+ const layer = zoneTilemap.value.createBlankLayer('tiles', tilesetImages as any, 0, config.tile_size.y) as Phaser.Tilemaps.TilemapLayer
+ //set layerindex
+ layer.setDepth(0)
+ return layer
}
function createTileArray() {
diff --git a/src/components/zone/Tiles.vue b/src/components/zone/Tiles.vue
index 22df5e8..1d2995e 100644
--- a/src/components/zone/Tiles.vue
+++ b/src/components/zone/Tiles.vue
@@ -1,4 +1,5 @@
<template>
+<!-- Disabled for now since it bottlenecks performance -->
<!-- <TilemapLayer :tilemap="zoneTilemap" :tileset="tileArray" :layerIndex="0" :cull-padding="0" />-->
<Controls :layer="tiles" :depth="0" />
</template>
@@ -44,12 +45,14 @@ function createTileLayer() {
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)
- })
+ }) as any
// 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) as Phaser.Tilemaps.TilemapLayer
+ const layer = zoneTilemap.value.createBlankLayer('tiles', tilesetImages, 0, config.tile_size.y) as Phaser.Tilemaps.TilemapLayer
+ layer.setDepth(0)
+ layer.setCullPadding(0)
+ return layer
}
function createTileArray() {