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

14
src/screens/Game.vue
View File

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