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

Loading world works

Browse Source
This commit is contained in:
Dennis Postma
2024-07-12 12:44:37 +02:00
parent 79bef033f3
commit 0fcd5c4d76
20 changed files with 228 additions and 177 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/sprites/Character.vue
View File

@ -1,13 +1,13 @@
<template>
<Container>
<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)" :y="tileToWorldY(layer, 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, 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, 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>
<Text
@create="createText"
:text="props.character?.name"
:x="tileToWorldX(layer, props.character?.position_x)"
:y="tileToWorldY(layer, props.character?.position_y)"
: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="4.5"
:style="{
@ -16,7 +16,7 @@
fontSize: '14px'
}"
/>
<Sprite ref="sprite" :x="tileToWorldX(layer, props.character?.position_x)" :y="tileToWorldY(layer, props.character?.position_y)" play="walk" />
<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" />
</Container>
</template>
@ -35,7 +35,7 @@ const props = defineProps({
})
const scene = useScene()
const isSelf = props.character.id === socket.character.id
const isSelf = props.character?.id === gameStore.character?.id
const createText = (text: Phaser.GameObjects.Text) => {
text.setLetterSpacing(1.5)
@ -60,7 +60,7 @@ function onPointerClick(pointer: Phaser.Input.Pointer) {
return
}
gameStore.connection.emit('character:move', { position_x: pointer_tile.x, position_y: pointer_tile.y })
gameStore.connection?.emit('character:move', { position_x: pointer_tile.x, position_y: pointer_tile.y })
//Directions for player sprites + animations
if (px < 0 && py > 0) {