FEAT: prototype game menu using html elements, better icon for text chat

front/src/index.ts

@@ -13,7 +13,8 @@ import {CustomizeScene} from "./Phaser/Login/CustomizeScene";
 import {ResizableScene} from "./Phaser/Login/ResizableScene";
 import {EntryScene} from "./Phaser/Login/EntryScene";
 import {coWebsiteManager} from "./WebRtc/CoWebsiteManager";
-import {GAME_QUALITY_SELECT} from "./Administration/ConsoleGlobalMessageManager";
+import {MenuScene} from "./Phaser/Menu/MenuScene";
+import {localUserStore} from "./Connexion/LocalUserStore";
 
 // Load Jitsi if the environment variable is set.
 if (JITSI_URL) {
@@ -24,15 +25,7 @@ if (JITSI_URL) {
 
 const {width, height} = coWebsiteManager.getGameSize();
 
-let valueGameQuality : number = 60
-const localGameQuality = localStorage.getItem(GAME_QUALITY_SELECT);
-if(localGameQuality){
-    try {
-        valueGameQuality = parseInt(localGameQuality);
-    }catch (err){
-        console.error(err);
-    }
-}
+const valueGameQuality = localUserStore.getGameQualityValue();
 const fps : Phaser.Types.Core.FPSConfig = {
     /**
      * The minimum acceptable rendering rate, in frames per second.
@@ -66,9 +59,12 @@ const config: GameConfig = {
     width: width / RESOLUTION,
     height: height / RESOLUTION,
     parent: "game",
-    scene: [EntryScene, LoginScene, SelectCharacterScene, EnableCameraScene, ReconnectingScene, FourOFourScene, CustomizeScene],
+    scene: [EntryScene, LoginScene, SelectCharacterScene, EnableCameraScene, ReconnectingScene, FourOFourScene, CustomizeScene, MenuScene],
     zoom: RESOLUTION,
     fps: fps,
+    dom: {
+        createContainer: true
+    },
     physics: {
         default: "arcade",
         arcade: {