wall smash complete

2025-04-29 11:41:52 +05:30 · 2025-04-29 11:41:52 +05:30 · 258a95f1d5
commit 258a95f1d5
parent e9594a754a
23 changed files with 202 additions and 20 deletions
--- a/public/UnityBuild/bubbles/Build/prod.data
+++ b/public/UnityBuild/bubbles/Build/prod.data
--- a/public/UnityBuild/bubbles/Build/prod.data.br
+++ b/public/UnityBuild/bubbles/Build/prod.data.br
--- a/public/UnityBuild/bubbles/Build/prod.framework.js
+++ b/public/UnityBuild/bubbles/Build/prod.framework.js
--- a/public/UnityBuild/bubbles/Build/prod.framework.js.br
+++ b/public/UnityBuild/bubbles/Build/prod.framework.js.br
--- a/public/UnityBuild/bubbles/Build/prod.loader.js
+++ b/public/UnityBuild/bubbles/Build/prod.loader.js
--- a/public/UnityBuild/bubbles/Build/prod.wasm
+++ b/public/UnityBuild/bubbles/Build/prod.wasm
--- a/public/UnityBuild/bubbles/Build/prod.wasm.br
+++ b/public/UnityBuild/bubbles/Build/prod.wasm.br
--- a/public/UnityBuild/bubbles/TemplateData/MemoryProfiler.png
+++ b/public/UnityBuild/bubbles/TemplateData/MemoryProfiler.png
--- a/public/UnityBuild/bubbles/TemplateData/favicon.ico
+++ b/public/UnityBuild/bubbles/TemplateData/favicon.ico
--- a/public/UnityBuild/bubbles/TemplateData/fullscreen-button.png
+++ b/public/UnityBuild/bubbles/TemplateData/fullscreen-button.png
--- a/public/UnityBuild/bubbles/TemplateData/progress-bar-empty-dark.png
+++ b/public/UnityBuild/bubbles/TemplateData/progress-bar-empty-dark.png
--- a/public/UnityBuild/bubbles/TemplateData/progress-bar-empty-light.png
+++ b/public/UnityBuild/bubbles/TemplateData/progress-bar-empty-light.png
--- a/public/UnityBuild/bubbles/TemplateData/progress-bar-full-dark.png
+++ b/public/UnityBuild/bubbles/TemplateData/progress-bar-full-dark.png
--- a/public/UnityBuild/bubbles/TemplateData/progress-bar-full-light.png
+++ b/public/UnityBuild/bubbles/TemplateData/progress-bar-full-light.png
--- a/public/UnityBuild/bubbles/TemplateData/style.css
+++ b/public/UnityBuild/bubbles/TemplateData/style.css
@ -0,0 +1,16 @@
+body { padding: 0; margin: 0 }
+#unity-container { position: absolute }
+#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) }
+#unity-container.unity-mobile { position: fixed; width: 100%; height: 100% }
+#unity-canvas { background: #231F20 }
+.unity-mobile #unity-canvas { width: 100%; height: 100% }
+#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
+#unity-logo { width: 154px; height: 130px; background: url('unity-logo-dark.png') no-repeat center }
+#unity-progress-bar-empty { width: 141px; height: 18px; margin-top: 10px; margin-left: 6.5px; background: url('progress-bar-empty-dark.png') no-repeat center }
+#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-dark.png') no-repeat center }
+#unity-footer { position: relative }
+.unity-mobile #unity-footer { display: none }
+#unity-webgl-logo { float:left; width: 204px; height: 38px; background: url('webgl-logo.png') no-repeat center }
+#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
+#unity-fullscreen-button { cursor:pointer; float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }
+#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }
--- a/public/UnityBuild/bubbles/TemplateData/unity-logo-dark.png
+++ b/public/UnityBuild/bubbles/TemplateData/unity-logo-dark.png
--- a/public/UnityBuild/bubbles/TemplateData/unity-logo-light.png
+++ b/public/UnityBuild/bubbles/TemplateData/unity-logo-light.png
--- a/public/UnityBuild/bubbles/TemplateData/webgl-logo.png
+++ b/public/UnityBuild/bubbles/TemplateData/webgl-logo.png
--- a/public/UnityBuild/bubbles/TemplateData/webmemd-icon.png
+++ b/public/UnityBuild/bubbles/TemplateData/webmemd-icon.png
--- a/public/UnityBuild/bubbles/index.html
+++ b/public/UnityBuild/bubbles/index.html
@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <title>Unity WebGL Player | TetrisMP</title>
+  <link rel="shortcut icon" href="TemplateData/favicon.ico">
+  <link rel="stylesheet" href="TemplateData/style.css">
+</head>
+
+<body>
+  <div id="unity-container" class="unity-desktop">
+    <canvas id="unity-canvas" width=1280 height=720 tabindex="-1"></canvas>
+    <div id="unity-loading-bar">
+      <div id="unity-logo"></div>
+      <div id="unity-progress-bar-empty">
+        <div id="unity-progress-bar-full"></div>
+      </div>
+    </div>
+    <div id="unity-warning"> </div>
+    <div id="unity-footer">
+      <div id="unity-webgl-logo"></div>
+      <div id="unity-fullscreen-button"></div>
+      <div id="unity-build-title">TetrisMP</div>
+    </div>
+  </div>
+  <script>
+
+    var container = document.querySelector("#unity-container");
+    var canvas = document.querySelector("#unity-canvas");
+    var loadingBar = document.querySelector("#unity-loading-bar");
+    var progressBarFull = document.querySelector("#unity-progress-bar-full");
+    var fullscreenButton = document.querySelector("#unity-fullscreen-button");
+    var warningBanner = document.querySelector("#unity-warning");
+
+    // Shows a temporary message banner/ribbon for a few seconds, or
+    // a permanent error message on top of the canvas if type=='error'.
+    // If type=='warning', a yellow highlight color is used.
+    // Modify or remove this function to customize the visually presented
+    // way that non-critical warnings and error messages are presented to the
+    // user.
+    function unityShowBanner(msg, type) {
+      function updateBannerVisibility() {
+        warningBanner.style.display = warningBanner.children.length ? 'block' : 'none';
+      }
+      var div = document.createElement('div');
+      div.innerHTML = msg;
+      warningBanner.appendChild(div);
+      if (type == 'error') div.style = 'background: red; padding: 10px;';
+      else {
+        if (type == 'warning') div.style = 'background: yellow; padding: 10px;';
+        setTimeout(function () {
+          warningBanner.removeChild(div);
+          updateBannerVisibility();
+        }, 5000);
+      }
+      updateBannerVisibility();
+    }
+
+    var buildUrl = "Build";
+    var loaderUrl = buildUrl + "/prod.loader.js";
+    var config = {
+      dataUrl: buildUrl + "/prod.data",
+      frameworkUrl: buildUrl + "/prod.framework.js",
+      codeUrl: buildUrl + "/prod.wasm",
+      streamingAssetsUrl: "StreamingAssets",
+      companyName: "DefaultCompany",
+      productName: "TetrisMP",
+      productVersion: "1.0",
+      showBanner: unityShowBanner,
+    };
+
+    /*UNITY BRIDGE*/
+    function sendMessageToReact(message) {
+      if (window.parent) {
+        window.parent.postMessage(message, "*"); // Replace "*" with your React app's origin for security
+      } else {
+        console.error("Parent window not found.");
+      }
+    }
+    // By default, Unity keeps WebGL canvas render target size matched with
+    // the DOM size of the canvas element (scaled by window.devicePixelRatio)
+    // Set this to false if you want to decouple this synchronization from
+    // happening inside the engine, and you would instead like to size up
+    // the canvas DOM size and WebGL render target sizes yourself.
+    // config.matchWebGLToCanvasSize = false;
+
+    if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
+      // Mobile device style: set canvas to 80% of screen size to account for iframe padding
+
+      var meta = document.createElement('meta');
+      meta.name = 'viewport';
+      meta.content = 'width=device-width, height=device-height, initial-scale=1.0, user-scalable=no, shrink-to-fit=yes';
+      document.getElementsByTagName('head')[0].appendChild(meta);
+      container.className = "unity-mobile";
+      canvas.className = "unity-mobile";
+
+      // Set canvas size to 80% of viewport dimensions
+      canvas.style.height = "80vh";
+
+      // To lower canvas resolution on mobile devices to gain some
+      // performance, uncomment the following line:
+      // config.devicePixelRatio = 1;
+
+    } else {
+      // Desktop style: Render the game canvas in a window that can be maximized to fullscreen:
+
+      canvas.style.width = "1280px";
+      canvas.style.height = "720px";
+    }
+
+    loadingBar.style.display = "block";
+
+    var script = document.createElement("script");
+    script.src = loaderUrl;
+    script.onload = () => {
+      createUnityInstance(canvas, config, (progress) => {
+        progressBarFull.style.width = 100 * progress + "%";
+      }).then((unityInstance) => {
+        loadingBar.style.display = "none";
+        fullscreenButton.onclick = () => {
+          unityInstance.SetFullscreen(1);
+        };
+      }).catch((message) => {
+        alert(message);
+      });
+    };
+
+    document.body.appendChild(script);
+
+  </script>
+</body>
+
+</html>
--- a/src/components/HeroSection.tsx
+++ b/src/components/HeroSection.tsx
@ -285,25 +285,27 @@ export default function HeroSection() {
            <span className="text-[rgb(248,144,22)]">Wins</span>.
          </h1>

-          <button
-            className="mt-12 px-12 py-4 bg-[rgb(248,144,22)] hover:bg-white text-black text-sm font-semibold rounded-xl flex items-center gap-2 transition duration-300 hover:scale-110"
-            onClick={() => setIsGameModalOpen(true)}
-          >
-            Create a Game
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              className="w-5 h-5"
-              viewBox="0 0 24 24"
-              fill="none"
-              stroke="currentColor"
-              strokeWidth="2"
-              strokeLinecap="round"
-              strokeLinejoin="round"
+          {bets.filter(bet => bet.owner_id === user?.id).length === 0 && (
+            <button
+              className="mt-12 px-12 py-4 bg-[rgb(248,144,22)] hover:bg-white text-black text-sm font-semibold rounded-xl flex items-center gap-2 transition duration-300 hover:scale-110"
+              onClick={() => setIsGameModalOpen(true)}
            >
-              <path d="M7 7h10v10" />
-              <path d="M7 17 17 7" />
-            </svg>
-          </button>
+              Create a Game
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                className="w-5 h-5"
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                strokeWidth="2"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+              >
+                <path d="M7 7h10v10" />
+                <path d="M7 17 17 7" />
+              </svg>
+            </button>
+          )}

          <p
            className="mt-4 text-gray-400 cursor-pointer hover:underline font-mono"
--- a/src/components/PrivyButton.tsx
+++ b/src/components/PrivyButton.tsx
@ -69,12 +69,18 @@ const GameHistoryItem = ({ game, user, gameImages, defaultPFP, failedImages, set
  const userScore = isUserMaster ? game.master_score : game.client_score;
  const opponentScore = isUserMaster ? game.client_score : game.master_score;
  let didUserWin = false;
+  let myKey = "";
+  if(game.client_id == user.id){
+    myKey = "client";
+  }else if(game.master_id == user.id){
+    myKey = "master";
+  }
  if(game.winner == "master"){
    didUserWin = game.master_id == user.id;
  } else if(game.winner == "client"){
    didUserWin = game.client_id == user.id;
  }
-  console.log(`isUserMaster: ${isUserMaster}, game.winner: ${game.winner}, didUserWin: ${didUserWin}`);
+  console.log(`[${game.ended_time}] key: ${myKey}, isUserMaster: ${isUserMaster}, game.winner: ${game.winner}, didUserWin: ${didUserWin}`);
  const wagerAmount = parseFloat(game.wager);
  const outcomeText = didUserWin
    ? `+${(wagerAmount / 1e8) * 2 * WAGER_PRIZE_MULT} SOL`
--- a/src/data/games.ts
+++ b/src/data/games.ts
@ -20,7 +20,7 @@ export const games = [
    name: "Wall Smash",
    entryFee: "0.05 ETH",
    thumbnail: "/duelfiassets/Wall Smash Game Cover Illustration.png",
-    isAvailable: false
+    isAvailable: true
  }
 ];