Stickman Count Runner Game in HTML Canvas and JavaScript

92 davidtheo422

Remix Open In Editor Fullscreen Discuss Publish Your Code

Stickman Count Runner Game in HTML Canvas and JavaScript

gtag('config', 'G-L7856P3VNT');
</script><!DOCTYPE html>
<html lang="en-us">
  <head>
    <base href="https://cdn.jsdelivr.net/gh/bubblfan/cg-rip@main/count-masters-stickman-games/">
  
</head>
  <body style="margin:0;padding:0" class="noselect">
    <div id="loading-text" style="color: black; font-size: 48px; font-family: cursive; text-align: center; margin-top: 20px;">LOADING...</div>
    <canvas id="unity-canvas"
      style="position:fixed;top:0;left:0;width:100%;height:100%;outline:none"></canvas>

const buffers = await Promise.all(parts.map(async (u) => {
        const r = await fetch(u);
        if (!r.ok) throw new Error("Failed part " + u);
        return new Uint8Array(await r.arrayBuffer());
      }));

const total = buffers.reduce((a, b) => a + b.length, 0);
      const merged = new Uint8Array(total);
      let offset = 0;
      for (const b of buffers) { merged.set(b, offset); offset += b.length; }

return URL.createObjectURL(new Blob([merged]));
    }

async function preMergeAll() {
      const map = {};
      const files = Object.entries(SPLIT_MAP);
      const total = files.length;
      let done = 0;

const loadingText = document.getElementById("loading-text");

for (const [file, _] of files) {
        const merged = await mergeParts("Build/" + file);
        map[file] = merged;
        done++;
        const percent = Math.floor((done / total) * 100);
        loadingText.innerText = `LOADING... ${percent}%`;
        console.log("Premerged:", file, "→", merged);
      }

loadingText.style.display = "none";

return map;
    }

(async () => {
      const mergedMap = await preMergeAll();
      window.SPLIT_MAP = mergedMap;
      const origFetch = window.fetch;
      window.fetch = async function(resource, options) {
        if (typeof resource === "string") {
          const key = resource.split("/").pop();
          if (mergedMap[key]) {
            console.log("Redirect fetch:", key);
            return origFetch(mergedMap[key], options);
          }
          if (resource.includes("StreamingAssets")) {
            return origFetch((document.querySelector('base').href !== null ? document.querySelector('base').href+"/" : "") + "StreamingAssets/"+resource.split("/StreamingAssets/")[1])
          }
        }
        return origFetch(resource, options);
      };

const canvas = document.querySelector("#unity-canvas");
      const loaderUrl = "Build/bb0d9ecdb05db3e84da20bd14a4f84dc.loader.js";
      const config = {
        dataUrl: "Build/fc3d0e2f3ede6b21d68d1bdcf09897f0.data",
        frameworkUrl: "Build/61c3111a617f5704892207f850018243.framework.js",
        codeUrl: "Build/7805ef551878df264897388db901cd8b.wasm",
        streamingAssetsUrl: "StreamingAssets",
        companyName: "Count Masters: Stickman Games",
        productName: "Count Masters: Stickman Games",
        productVersion: "1.0.0"
      };

</body>
</html>

CSS

Stickman Count Runner Game in HTML Canvas and JavaScript

Recommended