Refractor character component (WIP)

src/components/sprites/Character.vue

@@ -21,61 +21,20 @@
 </template>
 
 <script lang="ts" setup>
-import { Container, Rectangle, Sprite, Text, useScene } from 'phavuer'
+import { Container, Rectangle, Sprite, Text } from 'phavuer'
-import { onBeforeMount, onBeforeUnmount, onMounted, ref } from 'vue'
-import { useGameStore } from '@/stores/game'
 import { type Character as CharacterT } from '@/types'
-import { getTile, tileToWorldX, tileToWorldXY, tileToWorldY } from '@/services/zone'
+import { tileToWorldX, tileToWorldY } from '@/services/zone'
 
-const gameStore = useGameStore()
+interface Props {
+  layer: Phaser.Tilemaps.TilemapLayer
+  character?: CharacterT
+}
 
-const props = defineProps({
+const props = withDefaults(defineProps<Props>(), {
-  layer: Phaser.Tilemaps.TilemapLayer,
+  character: undefined
-  character: Object as () => CharacterT
 })
 
-const scene = useScene()
-const isSelf = props.character?.id === gameStore.character?.id
-
 const createText = (text: Phaser.GameObjects.Text) => {
   text.setLetterSpacing(1.5)
 }
-
-onBeforeMount(() => {
-  if (isSelf) setupSelf()
-})
-
-function setupSelf() {
-  scene.input.on(Phaser.Input.Events.POINTER_UP, onPointerClick)
-}
-
-function onPointerClick(pointer: Phaser.Input.Pointer) {
-  if (!isSelf || gameStore.isMovingCamera) return
-
-  const px = scene.cameras.main.worldView.x + pointer.x
-  const py = scene.cameras.main.worldView.y + pointer.y
-
-  const pointer_tile = getTile(px, py, props.layer) as Phaser.Tilemaps.Tile
-  if (!pointer_tile) {
-    return
-  }
-
-  gameStore.connection?.emit('character:move', { position_x: pointer_tile.x, position_y: pointer_tile.y })
-
-  // Directions for player sprite + animations
-  if (px < 0 && py > 0) {
-    console.log('down left')
-  } else if (px < 0 && py < 0) {
-    console.log('top left')
-  } else if (px > 0 && py > 0) {
-    console.log('down right')
-  } else if (px > 0 && py < 0) {
-    console.log('top right')
-  }
-}
-
-onBeforeUnmount(() => {
-  if (!isSelf) return
-  scene.input.off(Phaser.Input.Events.POINTER_UP, onPointerClick)
-})
 </script>

src/components/sprites/MapEntity.vue

@@ -1 +0,0 @@
-<template></template>

src/components/sprites/NPC.vue

@@ -1 +0,0 @@
-<template></template>