2021-05-11 17:37:21 +02:00
|
|
|
<script lang="typescript">
|
2021-05-12 18:32:55 +02:00
|
|
|
import MenuIcon from "./Menu/MenuIcon.svelte";
|
|
|
|
import {menuIconVisible} from "../Stores/MenuStore";
|
2021-05-31 17:49:41 +02:00
|
|
|
import {enableCameraSceneVisibilityStore, gameOverlayVisibilityStore} from "../Stores/MediaStore";
|
2021-05-28 09:31:04 +02:00
|
|
|
import CameraControls from "./CameraControls.svelte";
|
2021-05-28 15:48:58 +02:00
|
|
|
import MyCamera from "./MyCamera.svelte";
|
2021-05-31 12:06:11 +02:00
|
|
|
import SelectCompanionScene from "./SelectCompanion/SelectCompanionScene.svelte";
|
|
|
|
import {selectCompanionSceneVisibleStore} from "../Stores/SelectCompanionStore";
|
2021-05-31 17:50:14 +02:00
|
|
|
import {selectCharacterSceneVisibleStore} from "../Stores/SelectCharacterStore";
|
|
|
|
import SelectCharacterScene from "./selectCharacter/SelectCharacterScene.svelte";
|
|
|
|
import {customCharacterSceneVisibleStore} from "../Stores/CustomCharacterStore";
|
|
|
|
import CustomCharacterScene from "./CustomCharacterScene/CustomCharacterScene.svelte";
|
2021-05-31 17:03:29 +02:00
|
|
|
import LoginScene from "./Login/LoginScene.svelte";
|
|
|
|
import {loginSceneVisibleStore} from "../Stores/LoginSceneStore";
|
2021-05-31 17:49:41 +02:00
|
|
|
import EnableCameraScene from "./EnableCamera/EnableCameraScene.svelte";
|
2021-06-01 15:35:25 +02:00
|
|
|
import VisitCard from "./VisitCard/VisitCard.svelte";
|
|
|
|
import {requestVisitCardsStore} from "../Stores/GameStore";
|
2021-05-31 17:50:14 +02:00
|
|
|
|
2021-05-31 17:53:44 +02:00
|
|
|
import {Game} from "../Phaser/Game/Game";
|
2021-06-01 09:08:02 +02:00
|
|
|
import {helpCameraSettingsVisibleStore} from "../Stores/HelpCameraSettingsStore";
|
|
|
|
import HelpCameraSettingsPopup from "./HelpCameraSettings/HelpCameraSettingsPopup.svelte";
|
2021-06-02 16:46:28 +02:00
|
|
|
import AudioPlaying from "./UI/AudioPlaying.svelte";
|
|
|
|
import {soundPlayingStore} from "../Stores/SoundPlayingStore";
|
2021-05-31 12:06:11 +02:00
|
|
|
|
|
|
|
export let game: Game;
|
2021-05-11 17:37:21 +02:00
|
|
|
</script>
|
|
|
|
|
2021-06-02 09:09:23 +02:00
|
|
|
<div>
|
2021-05-31 17:03:29 +02:00
|
|
|
{#if $loginSceneVisibleStore}
|
2021-06-02 10:44:36 +02:00
|
|
|
<div class="scrollable">
|
2021-06-02 09:58:00 +02:00
|
|
|
<LoginScene game={game}></LoginScene>
|
|
|
|
</div>
|
2021-05-31 17:03:29 +02:00
|
|
|
{/if}
|
2021-05-31 17:50:14 +02:00
|
|
|
{#if $selectCharacterSceneVisibleStore}
|
2021-06-02 09:58:00 +02:00
|
|
|
<div>
|
|
|
|
<SelectCharacterScene game={ game }></SelectCharacterScene>
|
|
|
|
</div>
|
2021-05-31 17:50:14 +02:00
|
|
|
{/if}
|
|
|
|
{#if $customCharacterSceneVisibleStore}
|
2021-06-02 09:58:00 +02:00
|
|
|
<div>
|
|
|
|
<CustomCharacterScene game={ game }></CustomCharacterScene>
|
|
|
|
</div>
|
2021-05-31 17:50:14 +02:00
|
|
|
{/if}
|
2021-05-31 12:06:11 +02:00
|
|
|
{#if $selectCompanionSceneVisibleStore}
|
2021-06-02 09:58:00 +02:00
|
|
|
<div>
|
|
|
|
<SelectCompanionScene game={ game }></SelectCompanionScene>
|
|
|
|
</div>
|
2021-05-31 12:06:11 +02:00
|
|
|
{/if}
|
2021-05-31 17:49:41 +02:00
|
|
|
{#if $enableCameraSceneVisibilityStore}
|
2021-06-02 10:44:36 +02:00
|
|
|
<div class="scrollable">
|
2021-06-02 09:58:00 +02:00
|
|
|
<EnableCameraScene game={game}></EnableCameraScene>
|
|
|
|
</div>
|
|
|
|
{/if}
|
2021-06-02 16:46:28 +02:00
|
|
|
{#if $soundPlayingStore}
|
|
|
|
<div>
|
|
|
|
<AudioPlaying url={$soundPlayingStore} />
|
|
|
|
</div>
|
|
|
|
{/if}
|
2021-06-02 09:58:00 +02:00
|
|
|
|
|
|
|
<!--
|
|
|
|
{#if $menuIconVisible}
|
|
|
|
<div>
|
|
|
|
<MenuIcon />
|
|
|
|
</div>
|
|
|
|
{/if}
|
|
|
|
-->
|
|
|
|
{#if $gameOverlayVisibilityStore}
|
|
|
|
<div>
|
|
|
|
<MyCamera></MyCamera>
|
|
|
|
<CameraControls></CameraControls>
|
|
|
|
</div>
|
2021-05-31 17:49:41 +02:00
|
|
|
{/if}
|
2021-06-01 17:07:56 +02:00
|
|
|
{#if $helpCameraSettingsVisibleStore}
|
2021-06-02 09:58:00 +02:00
|
|
|
<div>
|
|
|
|
<HelpCameraSettingsPopup game={ game }></HelpCameraSettingsPopup>
|
|
|
|
</div>
|
2021-06-01 17:07:56 +02:00
|
|
|
{/if}
|
2021-06-01 15:35:25 +02:00
|
|
|
{#if $requestVisitCardsStore}
|
|
|
|
<VisitCard visitCardUrl={$requestVisitCardsStore}></VisitCard>
|
|
|
|
{/if}
|
2021-05-11 17:37:21 +02:00
|
|
|
</div>
|