Jeu de course Stickman Count Runner en HTML Canvas et JavaScript

96 davidtheo422

Remixer Ouvrir dans l'éditeur Plein écran Discuter Publiez votre code

Jeu de course Stickman Count Runner en HTML Canvas et JavaScript

Recommandé

9 September 2024

CodePen - Champ de saisie du numéro de téléphone

11 February 2026

Intégrer le jeu SnowRider3D Unity (CDN)

12 July 2025

laver et nettoyer

HTML

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