imshvc/noxious_client
1
0
Fork 0
forked from noxious/client
Code Pull Requests Activity

Minor improvements

Browse Source
This commit is contained in:
Dennis Postma 2024-09-29 01:07:53 +02:00
parent fda5224806
commit 5b31729f64
4 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,6 @@
<template> <template>
<Container ref="charChatContainer" :depth="999" :x="currentX" :y="currentY"> <Container ref="charChatContainer" :depth="999" :x="currentX" :y="currentY">
<RoundRectangle @create="createChatBubble" :origin-x="0.5" :origin-y="7.5" :fillColor="0xffffff" :width="194" :height="21" :radius="5" /> <RoundRectangle @create="createChatBubble" :origin-x="0.5" :origin-y="7.5" :fillColor="0xffffff" :width="194" :height="21" :radius="20" />
<Text @create="createChatText" text="" :origin-x="0.5" :origin-y="10.9" :style="{ fontSize: 13, fontFamily: 'Arial', color: '#000' }" /> <Text @create="createChatText" text="" :origin-x="0.5" :origin-y="10.9" :style="{ fontSize: 13, fontFamily: 'Arial', color: '#000' }" />
</Container> </Container>
<Container :depth="999" :x="currentX" :y="currentY"> <Container :depth="999" :x="currentX" :y="currentY">
@ -134,12 +134,11 @@ const createChatBubble = (container: Phaser.GameObjects.Container) => {
const createChatText = (text: Phaser.GameObjects.Text) => { const createChatText = (text: Phaser.GameObjects.Text) => {
text.setName(`${props.character.name}_chatText`) text.setName(`${props.character.name}_chatText`)
text.setFontSize(13) text.setFontSize(13)
text.setFontStyle('bold')
text.setFontFamily('Arial') text.setFontFamily('Arial')
// Fix text alignment on Windows // Fix text alignment on Windows
if (game.device.os.windows) { if (game.device.os.windows) {
text.setOrigin(0.5, 9.8) text.setOrigin(0.5, 9.75)
} }
} }

2
src/composables/pointerHandlers/useGamePointerHandlers.ts
View File

@ -6,7 +6,7 @@ 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) { 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() const gameStore = useGameStore()
const lastDragTime = ref(Date.now()) const lastDragTime = ref(Date.now())
const dragTimeout = 100 // 100ms timeout for dragging, to prevent accidental clicks const dragTimeout = 250 // 250ms timeout for dragging, to prevent accidental clicks
function updateWaypoint(pointer: Phaser.Input.Pointer) { function updateWaypoint(pointer: Phaser.Input.Pointer) {
const { x: px, y: py } = camera.getWorldPoint(pointer.x, pointer.y) const { x: px, y: py } = camera.getWorldPoint(pointer.x, pointer.y)

3
src/composables/useCameraControls.ts
View File

@ -7,6 +7,9 @@ export function useCameraControls(scene: Phaser.Scene): any {
const zoneStore = useZoneStore() const zoneStore = useZoneStore()
const camera = scene.cameras.main const camera = scene.cameras.main
// Might improve image quality
camera.setRoundPixels(true)
function onPointerDown(pointer: Phaser.Input.Pointer) { function onPointerDown(pointer: Phaser.Input.Pointer) {
gameStore.setPlayerDraggingCamera(true) gameStore.setPlayerDraggingCamera(true)
} }

7
src/screens/Game.vue
View File

@ -62,10 +62,9 @@ const gameConfig = {
height: window.innerHeight, height: window.innerHeight,
type: Phaser.AUTO, // AUTO, CANVAS, WEBGL, HEADLESS type: Phaser.AUTO, // AUTO, CANVAS, WEBGL, HEADLESS
resolution: 3, resolution: 3,
render: { scale: { mode: Phaser.Scale.RESIZE },
pixelArt: true, pixelArt: true,
roundPixels: true, roundPixels: true,
},
} }
const createGame = (game: Phaser.Game) => { const createGame = (game: Phaser.Game) => {