Masterofowls
diff --git a/‎dist/acd21a654cbb8c60ede8.js
+32 b/‎dist/acd21a654cbb8c60ede8.js
+32
diff --git a/‎dist/index.html
+66-11 b/‎dist/index.html
+66-11
@@ -1,19 +1,74 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>3D Game</title>
-    <base href="/3D_Game/"> <!-- Sets the base URL for all relative paths -->
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/cannon-es/0.20.0/cannon-es.js"></script>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>3D Game Scene</title>
+  <style>
+    body { margin: 0; overflow: hidden; }
+    canvas { display: block; }
+    #menu {
+      display: block; /* Show menu by default */
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background-color: rgba(0, 0, 0, 0.8);
+      text-align: center;
+      font-family: 'Arial', sans-serif;
+    }
+    #menu h1 {
+      color: #fff;
+      margin-top: 5%;
+      font-size: 3rem;
+    }
+    #menu button {
+      display: block;
+      margin: 20px auto;
+      padding: 10px 20px;
+      font-size: 1.5rem;
+      color: #fff;
+      background-color: #007bff;
+      border: none;
+      cursor: pointer;
+      border-radius: 5px;
+      transition: background-color 0.3s;
+    }
+    #menu button:hover {
+      background-color: #0056b3;
+    }
+    #menu p {
+      color: #fff;
+      font-size: 1.2rem;
+      max-width: 600px;
+      margin: 20px auto;
+      text-align: left;
+      line-height: 1.5;
+    }
+    #clues {
+      background-color: rgba(0, 0, 0, 0.6);
+      padding: 20px;
+      border-radius: 10px;
+      margin-top: 5%;
+    }
+  </style>
 <script defer src="/bundle.js"></script></head>
 <body>
+  <div id="menu">
+    <h1>Game Menu</h1>
     <button id="mainButton">Start Game</button>
-    <div id="menu" style="display:none">Paused</div>
-    <script src="/9cfdc5b46d4f5ffc21a3.js"></script> <!-- Ensure this file exists in /js folder -->
-    <script src="/65e73935db8c8c09ec53.js"></script>
-    <script type="module" src="/9cfdc5b46d4f5ffc21a3.js"></script>
 
+    <div id="clues">
+      <h2 style="color: #fff;">Clues:</h2>
+      <p><strong>Move:</strong> W, A, S, D</p>
+      <p><strong>Jump:</strong> Spacebar</p>
+      <p><strong>Sprint:</strong> Hold Left Control</p>
+      <p><strong>Pick up object:</strong> Press E when near an object</p>
+      <p><strong>Throw object:</strong> Press F while holding an object</p>
+    </div>
+  </div>
+
+  <script src="/acd21a654cbb8c60ede8.js" defer></script>
 </body>
-</html>
+</html>