Merge pull request #6 from saiblo/feat-generals_release

try to release general player
saiblo · Dec 6, 2023 · 38aa7ed · 38aa7ed
2 parents fc919a5 + a9c2d5d
commit 38aa7ed
Show file tree

Hide file tree

Showing 19 changed files with 454 additions and 0 deletions.
diff --git a/generals/Build/generalTemplate.data b/generals/Build/generalTemplate.data
diff --git a/generals/Build/generalTemplate.framework.js b/generals/Build/generalTemplate.framework.js
diff --git a/generals/Build/generalTemplate.loader.js b/generals/Build/generalTemplate.loader.js
diff --git a/generals/Build/generalTemplate.wasm b/generals/Build/generalTemplate.wasm
diff --git a/generals/TemplateData/MemoryProfiler.png b/generals/TemplateData/MemoryProfiler.png
diff --git a/generals/TemplateData/favicon.ico b/generals/TemplateData/favicon.ico
diff --git a/generals/TemplateData/fullscreen-button.png b/generals/TemplateData/fullscreen-button.png
diff --git a/generals/TemplateData/progress-bar-empty-dark.png b/generals/TemplateData/progress-bar-empty-dark.png
diff --git a/generals/TemplateData/progress-bar-empty-light.png b/generals/TemplateData/progress-bar-empty-light.png
diff --git a/generals/TemplateData/progress-bar-full-dark.png b/generals/TemplateData/progress-bar-full-dark.png
diff --git a/generals/TemplateData/progress-bar-full-light.png b/generals/TemplateData/progress-bar-full-light.png
diff --git a/generals/TemplateData/style.css b/generals/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 }
diff --git a/generals/TemplateData/unity-logo-dark.png b/generals/TemplateData/unity-logo-dark.png
diff --git a/generals/TemplateData/unity-logo-light.png b/generals/TemplateData/unity-logo-light.png
diff --git a/generals/TemplateData/webgl-logo.png b/generals/TemplateData/webgl-logo.png
diff --git a/generals/TemplateData/webmemd-icon.png b/generals/TemplateData/webmemd-icon.png
diff --git a/generals/cover.png b/generals/cover.png
diff --git a/generals/index.html b/generals/index.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <title>Container</title>
+</head>
+
+<body>
+  <iframe src="player.html" height="900" width="1600" id="player">
+  </iframe>
+  <div id="GamePlay buttons">
+    <button id="play-button">Play</button>
+    <input type="checkbox" id="guest-mode" checked> Guest </input>
+    <button id="replay-button">Replay</button>
+    <button id="spectate-button">Spectate</button>
+    <button id="save-button">Save</button>
+    <button id="next-frame-button"> >> </button>
+    <label id ="__frame_cnt"></label>
+    <input/>
+  </div>
+  <div id="DebugButtons">
+    Ant: (
+    <input id="ant_x" type="text"></input>
+    , 
+    <input id="ant_y" type="text"></input>
+    )
+    <button id="Spawn_Ant"> Spawn Ant </button>
+  Ant ID:
+  <input id="Del_ant_id" type="text"></input>
+  <button id="Del_Ant"> Delete Ant </button>
+  <button id="Max_Coins"> Max Coins </button>
+  <input id="Mitigate_Logic" type="checkbox" checked>Mitigate Logic</input>
+  </div>
+  <script>
+    const player = document.querySelector('#player')
+    var replayBtn = document.querySelector('#replay-button');
+    var nextFrameBtn = document.querySelector('#next-frame-button');
+    var saveBtn = document.querySelector('#save-button');
+    var playBtn = document.querySelector('#play-button');
+    var spectateBtn = document.querySelector('#spectate-button');
+    var frame_cnt_label = document.querySelector('#__frame_cnt');
+    var guestCheckBox = document.getElementById("guest-mode");
+    var SpawnAnt = document.querySelector('#Spawn_Ant')
+      var DelAnt = document.querySelector('#Del_Ant')
+      var MaxCoins = document.querySelector('#Max_Coins')
+      var AntX = document.querySelector('#ant_x')
+      var AntY = document.querySelector('#ant_y')
+      var Mitigate_Logic = document.querySelector('#Mitigate_Logic')
+      var Del_ant_id = document.querySelector('#Del_ant_id')
+
+    var framecnt = 0
+    var currframe = 1
+    nextFrameBtn.onclick = () => {
+      if(currframe >= framecnt) return
+      SendToChild({
+        message: 'load_next_frame'
+      })
+      currframe++
+      frame_cnt_label.innerHTML = currframe + ' / ' + framecnt
+    };
+
+    saveBtn.onclick = () => {
+      SendToChild({
+        message: 'save_result'
+      })
+    };
+
+    playBtn.onclick = () => {
+      SendToChild({
+        message: 'init_player_player',
+        token: guestCheckBox.checked ? 'MTI3LjAuMC4xOjIzMDAx' : 'MTI3LjAuMC4xOjIzMDAw'
+      })
+    };
+
+    spectateBtn.onclick = () => {
+      SendToChild({
+        message: 'init_spectator_player',
+        token: 'MTI3LjAuMC4xOjg3NjU='
+      })
+    };
+
+    replayBtn.onclick = () => {
+      var input = document.createElement('input');
+      input.type = 'file';
+
+      input.onchange = e => { 
+
+        // getting a hold of the file reference
+        var file = e.target.files[0]; 
+        SendToChild({
+          message: "init_replay_player",
+          replay_data: file
+        })
+      }
+
+      input.click();
+    }
+    const SendToChild = payload =>
+    player.contentWindow.postMessage(payload)
+    let tokenB64 = null
+    let ws = null
+    window.onmessage = event => {
+      const payload = event.data
+      console.log(payload)
+      switch(payload.message) {
+        case 'init_successfully':
+          framecnt = payload.number_of_frames
+          frame_cnt_label.innerHTML = '1 / ' + framecnt
+          break
+        case 'resized':
+          player.height = payload.height
+          break
+        case 'setB64':
+          ws = payload.socket
+          tokenB64 = payload.token
+          break
+        default:
+          console.error('Type ' + payload.message + ' not implemented')
+          break 
+      }
+    }
+    SpawnAnt.onclick = () => {
+        const content = [{
+          id: -1,
+          type: Mitigate_Logic.checked ? 7: 91,
+          pos: {
+            x: Number(AntX.value),
+            y: Number(AntY.value),
+          },
+          args: -1,
+        }]
+        const str_content = JSON.stringify(content)
+        const send_packet = {
+          message: 'ToSocket',
+          request: 'action',
+          token: tokenB64,
+          content: str_content
+        }
+        SendToChild(send_packet)
+      }
+      DelAnt.onclick = () => {
+        const content = [{
+          id: Number(Del_ant_id.value),
+          type: Mitigate_Logic.checked ? 8: 92,
+          pos: {
+            x: -1,
+            y: -1,
+          },
+          args: -1,
+        }]
+        const str_content = JSON.stringify(content)
+        const send_packet = {
+          message: 'ToSocket',
+          request: 'action',
+          token: tokenB64,
+          content: str_content
+        }
+        SendToChild(send_packet)
+      }
+      MaxCoins.onclick = () => {
+        const content = [{
+          id: -1,
+          type: Mitigate_Logic.checked ? 9: 93,
+          pos: {x: -1, y: -1},
+          args: -1,
+        }]
+        const str_content = JSON.stringify(content)
+        const send_packet = {
+          message: 'ToSocket',
+          request: 'action',
+          token: tokenB64,
+          content: str_content
+        }
+        SendToChild(send_packet)
+      }
+  </script>
+</body>
+
+</html>