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

Small improvement

Browse Source
This commit is contained in:
Dennis Postma 2024-07-20 14:19:05 +02:00
parent 2d51141216
commit 77b54932c5
1 changed files with 24 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/screens/Game.vue
View File

@ -3,25 +3,30 @@
<GmTools v-if="isLoaded && gameStore.character?.role === 'gm'" />
<GmPanel v-if="isLoaded && gameStore.character?.role === 'gm'" />
<Game :config="gameConfig" @create="createGame" v-if="!zoneEditorStore.active">
<Scene name="main" @preload="preloadScene" @create="createScene">
<div class="flex absolute justify-between left-0 right-0 top-[48px] mx-[48px] my-0" v-if="isLoaded">
<Hud />
</div>
<div v-if="isLoaded">
<World :key="gameStore.character?.zoneId" />
</div>
<div class="flex absolute justify-between left-0 right-0 bottom-[100px] h-[100px] mx-[48px] my-0" v-if="isLoaded">
<Chat />
<Menubar />
</div>
</Scene>
</Game>
<Game :config="gameConfig" @create="createGame" v-if="zoneEditorStore.active">
<Scene name="main" @preload="preloadScene" @create="createScene">
<ZoneEditor v-if="isLoaded" :key="zoneEditorStore.zone?.id ?? 0" />
</Scene>
</Game>
<div v-if="!zoneEditorStore.active">
<Game :config="gameConfig" @create="createGame" >
<Scene name="main" @preload="preloadScene" @create="createScene">
<div class="flex absolute justify-between left-0 right-0 top-[48px] mx-[48px] my-0">
<Hud />
</div>
<div v-if="isLoaded">
<World :key="gameStore.character?.zoneId" />
</div>
<div class="flex absolute justify-between left-0 right-0 bottom-[100px] h-[100px] mx-[48px] my-0">
<Chat />
<Menubar />
</div>
</Scene>
</Game>
</div>
<div v-if="zoneEditorStore.active">
<Game :config="gameConfig" @create="createGame" >
<Scene name="main" @preload="preloadScene" @create="createScene">
<ZoneEditor v-if="isLoaded" :key="zoneEditorStore.zone?.id ?? 0" />
</Scene>
</Game>
</div>
</div>
</template>
@ -32,7 +37,6 @@ import { onUnmounted, watch, ref } from 'vue'
import { storeToRefs } from 'pinia'
import { Game, Scene } from 'phavuer'
import { useGameStore } from '@/stores/game'
import { useZoneStore } from '@/stores/zone'
import { useZoneEditorStore } from '@/stores/zoneEditor'
import { useAssetStore } from '@/stores/assets'
import World from '@/components/World.vue'