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

Depth sorting

Browse Source
This commit is contained in:
Dennis Postma 2025-02-04 15:10:43 +01:00
parent cd1daf9345
commit d25100c810
2 changed files with 3 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/game/map/partials/PlacedMapObject.vue
View File

@ -35,8 +35,6 @@ const imageProps = computed(() => ({
originY: props.placedMapObject.mapObject.originY originY: props.placedMapObject.mapObject.originY
})) }))
// ... existing code ...
function calculateObjectPlacement(mapObj: PlacedMapObject) : {x: number; y: number} { function calculateObjectPlacement(mapObj: PlacedMapObject) : {x: number; y: number} {
let position = tileToWorldXY(props.tileMapLayer, mapObj.positionX, mapObj.positionY) let position = tileToWorldXY(props.tileMapLayer, mapObj.positionX, mapObj.positionY)
@ -46,8 +44,6 @@ function calculateObjectPlacement(mapObj: PlacedMapObject) : {x: number; y: numb
} }
} }
// ... existing code ...
onMounted(async () => { onMounted(async () => {
await loadTexture(scene, { await loadTexture(scene, {
key: props.placedMapObject.mapObject.id, key: props.placedMapObject.mapObject.id,

6
src/composables/mapComposable.ts
View File

@ -68,11 +68,11 @@ export function createTileArray(width: number, height: number, tile: string = 'b
} }
export const calculateIsometricDepth = (positionX: number, positionY: number, width: number = 0, height: number = 0, isCharacter: boolean = false) => { export const calculateIsometricDepth = (positionX: number, positionY: number, width: number = 0, height: number = 0, isCharacter: boolean = false) => {
const baseDepth = Math.max(positionX, positionY) const baseDepth = (positionX + positionY) * 1000
if (isCharacter) { if (isCharacter) {
return baseDepth // @TODO: Fix collision, this is a hack return baseDepth + 500 // Characters should always be above objects at the same position
} }
return (baseDepth + height) / (config.tile_size.width * 2) return baseDepth + (width + height) / 4
} }
async function getTiles(tiles: TileT[], scene: Phaser.Scene) { async function getTiles(tiles: TileT[], scene: Phaser.Scene) {