feat: add splash themes to vite config

leia-uwu · Oct 10, 2024 · 1cd12d2 · 1cd12d2
1 parent 4b667a8
commit 1cd12d2
Show file tree

Hide file tree

Showing 4 changed files with 44 additions and 4 deletions.
diff --git a/client/css/app.css b/client/css/app.css
@@ -140,7 +140,6 @@ a:active {
 }
 
 #background {
-  background-image: url(/img/main_splash.png);
   background-repeat: no-repeat;
   background-size: cover;
   bottom: 0;

diff --git a/client/index.html b/client/index.html
@@ -24,9 +24,16 @@
     <link rel="icon" href="favicon.ico" type="image/x-icon">
     <!-- Fonts -->
     <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700" rel="stylesheet">
-    
+
     <link href="css/app.css" rel="stylesheet">
     <link href="css/game.css" rel="stylesheet">
+
+    <style type="text/css">
+      #background {
+        background-image: url(%VITE_BACKGROUND_IMG%);
+      }
+    </style>
+
     </head>
   <body>
     <div id='preroll-wrapper'>
@@ -794,7 +801,7 @@ <h2 data-l10n='index-account'>Account</h2>
               <div id='social-share-block-wrapper'>
                 <div id='social-share-block' class='menu-block'>
                   <div class='btn-social-wrapper'>
-                    <!-- 
+                    <!--
                     <a href='https://facebook.com/survev' target='_blank' class='btn-social btn-darken btn-facebook'></a>
                     <a href='https://twitter.com/survev' target='_blank' class='btn-social btn-darken btn-twitter'></a>
                     <a href='https://www.instagram.com/survev/' target='_blank' class='btn-social btn-darken btn-instagram'></a>

diff --git a/client/src/soundDefs.ts b/client/src/soundDefs.ts
@@ -21,6 +21,9 @@ export interface ReverbDef {
     echoDelay?: number;
     echoLowPass?: number;
 }
+
+declare const MENU_MUSIC: string;
+
 const Sounds: Record<string, Record<string, SoundDef>> = {
     players: {
         m9_01: {
@@ -1791,7 +1794,7 @@ const Sounds: Record<string, Record<string, SoundDef>> = {
     },
     music: {
         menu_music: {
-            path: "audio/ambient/menu_music_01.mp3",
+            path: MENU_MUSIC,
             volume: 1,
             loadPriority: 2,
         },

diff --git a/client/vite.config.mts b/client/vite.config.mts
@@ -4,10 +4,40 @@ import { version } from "../package.json";
 import { Config } from "../server/src/config";
 import { GIT_VERSION } from "../server/src/utils/gitRevision";
 
+export const SplashThemes = {
+    main: {
+        MENU_MUSIC: "audio/ambient/menu_music_01.mp3",
+        SPLASH_BG: "/img/main_splash.png",
+    },
+    easter: {
+        MENU_MUSIC: "audio/ambient/menu_music_01.mp3",
+        SPLASH_BG: "/img/main_splash_easter.png",
+    },
+    halloween: {
+        MENU_MUSIC: "audio/ambient/menu_music_02.mp3",
+        SPLASH_BG: "/img/main_splash_halloween.png",
+    },
+    faction: {
+        MENU_MUSIC: "audio/ambient/menu_music_01.mp3",
+        SPLASH_BG: "/img/main_splash_0_7_0.png",
+    },
+    snow: {
+        MENU_MUSIC: "audio/ambient/menu_music_01.mp3",
+        SPLASH_BG: "/img/main_splash_0_6_10.png",
+    },
+    spring: {
+        MENU_MUSIC: "audio/ambient/menu_music_01.mp3",
+        SPLASH_BG: "/img/main_splash_7_3.png",
+    },
+};
+
+const selectedTheme = SplashThemes["faction"];
+
 export default defineConfig(({ mode }) => {
     process.env = {
         ...process.env,
         VITE_GAME_VERSION: version,
+        VITE_BACKGROUND_IMG: selectedTheme.SPLASH_BG,
     };
 
     const regions = {
@@ -62,6 +92,7 @@ export default defineConfig(({ mode }) => {
                     https: data.https,
                 };
             }),
+            MENU_MUSIC: JSON.stringify(selectedTheme.MENU_MUSIC),
         },
         plugins: [
             mode !== "development"