75 lines
2.4 KiB
TypeScript
75 lines
2.4 KiB
TypeScript
import { type Ref } from 'vue'
|
|
import { getTile, tileToWorldXY } from '@/composables/zoneComposable'
|
|
import { useGameStore } from '@/stores/gameStore'
|
|
import config from '@/config'
|
|
|
|
export function useGamePointerHandlers(scene: Phaser.Scene, layer: Phaser.Tilemaps.TilemapLayer, waypoint: Ref<{ visible: boolean; x: number; y: number }>, camera: Phaser.Cameras.Scene2D.Camera) {
|
|
const gameStore = useGameStore()
|
|
|
|
function updateWaypoint(pointer: Phaser.Input.Pointer) {
|
|
const { x: px, y: py } = camera.getWorldPoint(pointer.x, pointer.y)
|
|
const pointerTile = getTile(px, py, layer)
|
|
|
|
waypoint.value.visible = !!pointerTile
|
|
if (!pointerTile) {
|
|
return
|
|
}
|
|
|
|
const worldPoint = tileToWorldXY(layer, pointerTile.x, pointerTile.y)
|
|
waypoint.value.x = worldPoint.positionX
|
|
waypoint.value.y = worldPoint.positionY + config.tile_size.y + 15
|
|
}
|
|
|
|
function dragZone(pointer: Phaser.Input.Pointer) {
|
|
if (!gameStore.isPlayerDraggingCamera) {
|
|
return
|
|
}
|
|
|
|
const { x, y, prevPosition } = pointer
|
|
const { scrollX, scrollY, zoom } = camera
|
|
camera.setScroll(scrollX - (x - prevPosition.x) / zoom, scrollY - (y - prevPosition.y) / zoom)
|
|
}
|
|
|
|
function handlePointerMove(pointer: Phaser.Input.Pointer) {
|
|
dragZone(pointer)
|
|
updateWaypoint(pointer)
|
|
}
|
|
|
|
function clickTile(pointer: Phaser.Input.Pointer) {
|
|
const { x: px, y: py } = camera.getWorldPoint(pointer.x, pointer.y)
|
|
const pointerTile = getTile(px, py, layer)
|
|
|
|
if (!pointerTile) {
|
|
return
|
|
}
|
|
|
|
gameStore.connection?.emit('character:initMove', {
|
|
positionX: pointerTile.x,
|
|
positionY: pointerTile.y
|
|
})
|
|
}
|
|
|
|
function handleZoom({ event, deltaY }: Phaser.Input.Pointer) {
|
|
if (event instanceof WheelEvent && event.shiftKey) {
|
|
return
|
|
}
|
|
|
|
scene.scale.setZoom(scene.scale.zoom - deltaY * 0.01)
|
|
camera = scene.cameras.main
|
|
}
|
|
|
|
const setupPointerHandlers = () => {
|
|
scene.input.on(Phaser.Input.Events.POINTER_UP, clickTile)
|
|
scene.input.on(Phaser.Input.Events.POINTER_MOVE, handlePointerMove)
|
|
scene.input.on(Phaser.Input.Events.POINTER_WHEEL, handleZoom)
|
|
}
|
|
|
|
const cleanupPointerHandlers = () => {
|
|
scene.input.off(Phaser.Input.Events.POINTER_UP, clickTile)
|
|
scene.input.off(Phaser.Input.Events.POINTER_MOVE, handlePointerMove)
|
|
scene.input.off(Phaser.Input.Events.POINTER_WHEEL, handleZoom)
|
|
}
|
|
|
|
return { setupPointerHandlers, cleanupPointerHandlers }
|
|
}
|