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

13
src/screens/Game.vue
View File

@ -1,15 +1,14 @@
<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>
@ -23,6 +22,7 @@
<Menubar /> <Menubar />
</div> </div>
</div> </div>
</div>
</Scene> </Scene>
</Game> </Game>
</div> </div>
@ -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
} }