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

#155 : Hide HUD elements if Game.vue is unloaded

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

9
src/screens/Game.vue
View File

@ -2,17 +2,19 @@
<div class="flex justify-center items-center h-dvh relative">
<GmTools v-if="isLoaded && gameStore.character?.role === 'gm'" />
<GmPanel v-if="isLoaded && gameStore.character?.role === 'gm'" />
<Inventory />
<div v-if="!zoneEditorStore.active">
<Game :config="gameConfig" @create="createGame" class="111mt-[-60px]">
<Scene name="main" @preload="preloadScene" @create="createScene">
<div class="fixed inset-x-0 top-0 flex justify-start items-end p-10 pointer-events-none">
<div v-if="isLoaded">
<Inventory />
</div>
<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">
<Hud />
</div>
</div>
<Zone v-if="isLoaded" />
<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="pointer-events-auto w-full">
<Chat />
@ -147,6 +149,7 @@ const createScene = async (scene: Phaser.Scene) => {
}
onBeforeUnmount(() => {
isLoaded.value = false
gameStore.disconnectSocket()
})
</script>