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

Receive frameCount for assets from server

Browse Source
This commit is contained in:
Dennis Postma 2024-09-28 00:59:10 +02:00
parent 2223491571
commit 104e9e46fb
3 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -23,7 +23,7 @@ export function useZoneEditorPointerHandlers(scene: Phaser.Scene, layer: Phaser.
function dragZone(pointer: Phaser.Input.Pointer) { function dragZone(pointer: Phaser.Input.Pointer) {
if (!gameStore.isPlayerDraggingCamera) return if (!gameStore.isPlayerDraggingCamera) return
const { x, y, prevPosition } = pointer const { x, y, prevPosition } = pointer
const { scrollX, scrollY, zoom } = camera const { scrollX, scrollY, zoom } = camera
camera.setScroll(scrollX - (x - prevPosition.x) / zoom, scrollY - (y - prevPosition.y) / zoom) camera.setScroll(scrollX - (x - prevPosition.x) / zoom, scrollY - (y - prevPosition.y) / zoom)

33
src/screens/Game.vue
View File

@ -1,26 +1,26 @@
<template> <template>
<div class="flex justify-center items-center h-dvh relative"> <div class="flex justify-center items-center h-dvh relative">
<GmTools v-if="isLoaded && gameStore.character?.role === 'gm'" /> <GmTools v-if="gameStore.character?.role === 'gm'" />
<GmPanel v-if="isLoaded && gameStore.character?.role === 'gm'" /> <GmPanel v-if="gameStore.character?.role === 'gm'" />
<div v-if="!zoneEditorStore.active"> <div v-if="!zoneEditorStore.active">
<Game :config="gameConfig" @create="createGame" class="111mt-[-60px]"> <Game :config="gameConfig" @create="createGame" class="111mt-[-60px]">
<Scene name="main" @preload="preloadScene" @create="createScene"> <Scene name="main" @preload="preloadScene" @create="createScene">
<div v-if="isLoaded"> <div v-if="isLoaded">
<Inventory /> <Inventory />
</div> <div class="fixed inset-x-0 top-0 flex justify-start items-end p-10 pointer-events-none">
<div v-if="isLoaded" class="fixed inset-x-0 top-0 flex justify-start items-end p-10 pointer-events-none"> <div class="pointer-events-auto">
<div class="pointer-events-auto"> <Hud />
<Hud /> </div>
</div> </div>
</div> <Zone />
<Zone /> <div class="fixed inset-x-0 bottom-0 flex justify-between gap-5 items-end py-10 px-5 xxs:p-10 pointer-events-none max-md:flex-wrap max-md:flex-col-reverse">
<div class="fixed inset-x-0 bottom-0 flex justify-between gap-5 items-end py-10 px-5 xxs:p-10 pointer-events-none max-md:flex-wrap max-md:flex-col-reverse"> <div class="pointer-events-auto w-full">
<div class="pointer-events-auto w-full"> <Chat />
<Chat /> </div>
</div> <div class="pointer-events-auto max-xs:m-auto mr-auto">
<div class="pointer-events-auto max-xs:m-auto mr-auto"> <Menubar />
<Menubar /> </div>
</div> </div>
</div> </div>
</Scene> </Scene>
@ -138,11 +138,12 @@ const createScene = async (scene: Phaser.Scene) => {
gameStore.assets.forEach((asset) => { gameStore.assets.forEach((asset) => {
if (asset.group !== 'sprite_animations') return if (asset.group !== 'sprite_animations') return
console.log(asset.frameCount)
scene.anims.create({ scene.anims.create({
key: asset.key, key: asset.key,
frameRate: 7, frameRate: 7,
/** @TODO: Fix end, which is total amount of frames */ frames: scene.anims.generateFrameNumbers(asset.key, { start: 0, end: asset.frameCount! - 1 }),
frames: scene.anims.generateFrameNumbers(asset.key, { start: 0, end: 4 }),
repeat: -1 repeat: -1
}) })
}) })

1
src/types.ts
View File

@ -7,6 +7,7 @@ export type Asset = {
key: string key: string
url: string url: string
group: 'tiles' | 'objects' | 'sprites' | 'sprite_animations' | 'sound' | 'music' | 'ui' | 'font' | 'other' group: 'tiles' | 'objects' | 'sprites' | 'sprite_animations' | 'sound' | 'music' | 'ui' | 'font' | 'other'
frameCount?: number
frameWidth?: number frameWidth?: number
frameHeight?: number frameHeight?: number
} }