attempt to resolve white space issue

mohanamisra · Jun 27, 2024 · 0b731d5 · 0b731d5
1 parent 5e34ee7
commit 0b731d5
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 6 deletions.
diff --git a/src/components/Scoreboard.jsx b/src/components/Scoreboard.jsx
@@ -21,8 +21,8 @@ export default class Scoreboard {
         p.image(this.boardImage, 0, 0, this.w, this.h);
         p.fill("rgb(255, 255, 255)");
         p.textSize(40);
-        if(p.windowWidth < 350)
-            p.textSize(28);
+        if(p.windowWidth < 400)
+            p.textSize(30);
         p.textStyle(p.BOLD);
         p.textFont('Pixelify Sans Variable');
         p.text(`Hits: ${score}`, this.x + 10, this.y + 10, this.w, this.h);

diff --git a/src/pages/Game.jsx b/src/pages/Game.jsx
@@ -50,8 +50,6 @@ function Game() {
             monsterImages.push(await p.loadImage(zombie));
             monsterImages.push(await p.loadImage(goblin));
             monsterImages.push(await p.loadImage(vampire));
-            score = 0;
-            timer = 42;
         }
 
         p.setup = function() {
@@ -178,7 +176,19 @@ function Game() {
             // }
         }
     }
-
+    (function()
+    {
+        if( window.localStorage )
+        {
+            if( !localStorage.getItem('firstLoad') )
+            {
+                localStorage['firstLoad'] = true;
+                window.location.reload();
+            }
+            else
+                localStorage.removeItem('firstLoad');
+        }
+    })();
 
     useEffect(() => {
         const p5Instance = new p5(sketch, p5Container.current);

diff --git a/src/pages/GameOver.jsx b/src/pages/GameOver.jsx
@@ -8,7 +8,6 @@ const GameOver = () => {
 
     const handlePlayGame = () => {
         navigate("/game");
-        window.location.reload();
     }
 
     return (

diff --git a/src/pages/Pages.css b/src/pages/Pages.css
@@ -94,6 +94,12 @@
     }
 }
 
+/*GAME PAGE STYLING*/
+
+.container {
+    overflow: hidden;
+}
+
 /*GAME OVER PAGE STYLING*/
 
 .game-over-container {