This commit is contained in:
Dennis Postma 2024-06-15 22:37:10 +02:00
parent 05e7d6dc15
commit d7cc8ba8fd
2 changed files with 10 additions and 11 deletions

View File

@ -1,13 +1,13 @@
<template> <template>
<Container> <Container>
<Rectangle :x="tileToWorldX(layer, props.character?.position_x, props.character?.position_y)" :y="tileToWorldY(layer, props.character?.position_x, props.character?.position_y)" :origin-x="0.5" :origin-y="10.5" :fillColor="0xffffff" :width="74" :height="8"> <Rectangle :x="tileToWorldX(layer, props.character?.position_x)" :y="tileToWorldY(layer, props.character?.position_y)" :origin-x="0.5" :origin-y="10.5" :fillColor="0xffffff" :width="74" :height="8">
<Rectangle :x="tileToWorldX(layer, props.character?.position_x, props.character?.position_y)" :y="tileToWorldY(layer, props.character?.position_x, props.character?.position_y)" :origin-x="0.5" :origin-y="20.5" :fillColor="0x09ad19" :width="70" :height="4" /> <Rectangle :x="tileToWorldX(layer, props.character?.position_x)" :y="tileToWorldY(layer, props.character?.position_y)" :origin-x="0.5" :origin-y="20.5" :fillColor="0x09ad19" :width="70" :height="4" />
</Rectangle> </Rectangle>
<Text <Text
@create="createText" @create="createText"
:text="props.character?.name" :text="props.character?.name"
:x="tileToWorldX(layer, props.character?.position_x, props.character?.position_y)" :x="tileToWorldX(layer, props.character?.position_x)"
:y="tileToWorldY(layer, props.character?.position_x, props.character?.position_y)" :y="tileToWorldY(layer, props.character?.position_y)"
:origin-x="0.5" :origin-x="0.5"
:origin-y="4.5" :origin-y="4.5"
:style="{ :style="{
@ -16,7 +16,7 @@
fontSize: '14px' fontSize: '14px'
}" }"
/> />
<Sprite ref="sprite" :x="tileToWorldX(layer, props.character?.position_x, props.character?.position_y)" :y="tileToWorldY(layer, props.character?.position_x, props.character?.position_y)" play="walk" /> <Sprite ref="sprite" :x="tileToWorldX(layer, props.character?.position_x)" :y="tileToWorldY(layer, props.character?.position_y)" play="walk" />
</Container> </Container>
</template> </template>

View File

@ -6,14 +6,13 @@ export function getTile(x: number, y: number, layer: Phaser.Tilemaps.TilemapLaye
return tile return tile
} }
export function tileToWorldX(layer: Phaser.Tilemaps.TilemapLayer, pos_x: number, pos_y: number) { export function tileToWorldX(layer: Phaser.Tilemaps.TilemapLayer, pos_x: number) {
const worldPoint = layer.tileToWorldXY(pos_x, pos_y) const worldPoint = layer.tileToWorldX(pos_x)
return worldPoint.x + config.tile_size.y return worldPoint + config.tile_size.y
} }
export function tileToWorldY(layer: Phaser.Tilemaps.TilemapLayer, pos_x: number, pos_y: number) { export function tileToWorldY(layer: Phaser.Tilemaps.TilemapLayer, pos_y: number) {
const worldPoint = layer.tileToWorldXY(pos_x, pos_y) return layer.tileToWorldY(pos_y)
return worldPoint.y
} }
export function tileToWorldXY(layer: Phaser.Tilemaps.TilemapLayer, pos_x: number, pos_y: number) { export function tileToWorldXY(layer: Phaser.Tilemaps.TilemapLayer, pos_x: number, pos_y: number) {