Rename "CreateNewGame" to "GameIsFull"

client/src/scripts/game.ts

@@ -389,6 +389,11 @@
             // reload the page with a time stamp to try clearing cache
             location.search = `t=${Date.now()}`;
         }
+
+        // Sound which notifies the player that the game started if page
+        // is out of focus.
+        document.hasFocus() || this.soundManager.play('join_notification');
+
         this.uiManager.emotes = packet.emotes;
         this.uiManager.updateEmoteWheel();
 

client/src/scripts/managers/soundManager.ts

@@ -198,7 +198,9 @@ export class SoundManager {
             puzzle_error: "audio/sfx/puzzle_error",
             puzzle_solved: "audio/sfx/puzzle_solved",
 
-            bleed: "audio/sfx/bleed"
+            bleed: "audio/sfx/bleed",
+
+            join_notification: "audio/sfx/join_notification"
         };
 
         for (const material of Materials) {

client/src/scripts/rendering/minimap.ts

@@ -584,6 +584,8 @@ export class Minimap {
         $("#btn-close-minimap").show();
         $("#ui-kill-leader").hide();
         $("#center-bottom-container").hide();
+        $("#kill-feed").hide();
+
         $("#kill-counter").show();
         this.resize();
     }
@@ -594,6 +596,8 @@ export class Minimap {
         $("#center-bottom-container").show();
         $("#gas-msg-info").show();
         $("#scopes-container").show();
+        $("#kill-feed").show();
+
         if (this.game.spectating) $("#spectating-container").show();
         const width = $(window).width();
         if (width && width > 1200) $("#ui-kill-leader").show();

client/src/scripts/ui.ts

@@ -207,7 +207,7 @@
     updateServerSelectors();
 
     // eslint-disable-next-line @typescript-eslint/no-misused-promises
-    serverList.children("li.server-list-item").on("click", async function(this: HTMLLIElement) {
+    serverList.children("li.server-list-item").on("click", async function (this: HTMLLIElement) {
         const region = this.getAttribute("data-region");
 
         if (region === null) return;
@@ -312,7 +312,7 @@
     });
 
     const createTeamMenu = $("#create-team-menu");
-    $("#btn-create-team, #btn-join-team").on("click", function() {
+    $("#btn-create-team, #btn-join-team").on("click", function () {
         const now = Date.now();
         if (now - lastPlayButtonClickTime < 1500 || teamSocket) return;
         lastPlayButtonClickTime = now;
@@ -438,6 +438,13 @@
             $("#splash-server-message").show();
             resetPlayButtons();
             createTeamMenu.fadeOut(250);
+
+            // ---------------------------------------------------------
+            // Dimmed backdrop on team menu. (Probably not needed here)
+            // ---------------------------------------------------------
+            $("#splash-ui").css("filter", "");
+            $("#splash-ui").css("pointer-events", "");
+            // ---------------------------------------------------------
         };
 
         teamSocket.onclose = (): void => {
@@ -457,9 +464,23 @@
             joinedTeam = false;
             window.location.hash = "";
             createTeamMenu.fadeOut(250);
+
+            // ----------------------------------------------
+            // Dimmed Backdrop on team menu.
+            // ----------------------------------------------
+            $("#splash-ui").css("filter", "");
+            $("#splash-ui").css("pointer-events", "");
+            // ----------------------------------------------
         };
 
         createTeamMenu.fadeIn(250);
+
+        // ----------------------------------------------
+        // Dimmed Backdrop on team menu.
+        // ----------------------------------------------
+        $("#splash-ui").css("filter", "brightness(0.6)");
+        $("#splash-ui").css("pointer-events", "none");
+        // ----------------------------------------------
     });
 
     $("#close-create-team").on("click", () => {
@@ -500,15 +521,15 @@
             .css("color", "#FFFFFF00");
     });
 
-    $("#create-team-toggle-auto-fill").on("click", function() {
+    $("#create-team-toggle-auto-fill").on("click", function () {
         autoFill = $(this).prop("checked");
         teamSocket?.send(JSON.stringify({
             type: CustomTeamMessages.Settings,
             autoFill
         }));
     });
 
-    $("#create-team-toggle-lock").on("click", function() {
+    $("#create-team-toggle-lock").on("click", function () {
         teamSocket?.send(JSON.stringify({
             type: CustomTeamMessages.Settings,
             locked: $(this).prop("checked")
@@ -664,7 +685,7 @@
         void game.endGame();
     });
     // eslint-disable-next-line @typescript-eslint/no-misused-promises
-    $("#btn-play-again, #btn-spectate-replay").on("click", async() => {
+    $("#btn-play-again, #btn-spectate-replay").on("click", async () => {
         await game.endGame();
         if (teamSocket) teamSocket.send(JSON.stringify({ type: CustomTeamMessages.Start })); // TODO Check if player is team leader
         else joinGame();
@@ -775,7 +796,7 @@
   </div>
   <span class="skin-name">${skin.name}</span>
 </div>`);
-        skinItem.on("click", function() {
+        skinItem.on("click", function () {
             game.console.setBuiltInCVar("cv_loadout_skin", skin.idString);
             $(this).addClass("selected").siblings().removeClass("selected");
             updateSplashCustomize(skin.idString);
@@ -801,7 +822,7 @@
     <span class="emote-name">${emote.name}</span>
     </div>`);
 
-            emoteItem.on("click", function() {
+            emoteItem.on("click", function () {
                 if (selectedEmoteSlot === undefined) return;
                 game.console.setBuiltInCVar(`cv_loadout_${selectedEmoteSlot}_emote`, emote.idString);
 
@@ -903,7 +924,7 @@
             "background-repeat": "no-repeat"
         });
 
-        crosshairItem.on("click", function() {
+        crosshairItem.on("click", function () {
             game.console.setBuiltInCVar("cv_loadout_crosshair", crosshairIndex);
             loadCrosshair();
             $(this).addClass("selected").siblings().removeClass("selected");
@@ -954,7 +975,7 @@
             </div>`
         );
 
-        noBadgeItem.on("click", function() {
+        noBadgeItem.on("click", function () {
             game.console.setBuiltInCVar("cv_loadout_badge", "");
             $(this).addClass("selected").siblings().removeClass("selected");
         });
@@ -971,7 +992,7 @@
                 </div>`
             );
 
-            badgeItem.on("click", function() {
+            badgeItem.on("click", function () {
                 game.console.setBuiltInCVar("cv_loadout_badge", badge.idString);
                 $(this).addClass("selected").siblings().removeClass("selected");
             });
@@ -1182,7 +1203,7 @@
     });
     renderSelect.value = game.console.getBuiltInCVar("cv_renderer");
 
-    void (async() => {
+    void (async () => {
         $("#webgpu-option").toggle(await isWebGPUSupported());
     })();
 
@@ -1549,7 +1570,7 @@
 
         $("#btn-toggle-ping")
             .show()
-            .on("click", function() {
+            .on("click", function () {
                 game.inputManager.pingWheelActive = !game.inputManager.pingWheelActive;
                 const { pingWheelActive } = game.inputManager;
                 $(this)
@@ -1609,7 +1630,7 @@
         tabContent.show();
     });
 
-    $("#warning-modal-agree-checkbox").on("click", function() {
+    $("#warning-modal-agree-checkbox").on("click", function () {
         $("#warning-btn-play-solo, #btn-play-solo").toggleClass("btn-disabled", !$(this).prop("checked"));
     });
 

server/src/game.ts

@@ -751,7 +751,7 @@ export class Game {
                 this.gas.advanceGasStage();
 
                 this.addTimeout(() => {
-                    parentPort?.postMessage({ type: WorkerMessages.CreateNewGame });
+                    parentPort?.postMessage({ type: WorkerMessages.GameIsFull });
                     Logger.log(`Game ${this.id} | Preventing new players from joining`);
                     this.setGameData({ allowJoin: false });
                 }, Config.preventJoinAfter);

server/src/gameManager.ts

@@ -40,7 +40,7 @@ export class GameContainer {
                     }
                     break;
                 }
-                case WorkerMessages.CreateNewGame: {
+                case WorkerMessages.GameIsFull: {
                     newGame();
                     break;
                 }
@@ -73,7 +73,7 @@ export enum WorkerMessages {
     AllowIP,
     IPAllowed,
     UpdateGameData,
-    CreateNewGame
+    GameIsFull
 }
 
 export type WorkerMessage =
@@ -86,7 +86,7 @@ export type WorkerMessage =
     data: Partial<GameData>
 } |
 {
-    type: WorkerMessages.CreateNewGame
+    type: WorkerMessages.GameIsFull
 };
 
 export interface GameData {