Chargeur de jeu HTML5 pour le portage Web de Pizza Tower

Ouvrir dans l'éditeur Video Publiez votre code

Recommandé

6 December 2024

Extrait d'animation de chargement CSS

HTML

<!DOCTYPE html>
<html lang="en-us">

<head>
    <base href="https://cdn.jsdelivr.net/gh/genizy/web-port@main/pizza-tower/">
    <meta charset="utf-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
    <link rel="icon" type="x-icon" href="favicon.png">
    <title>Pizza Tower 1.1.0 Web Port</title>
    <link rel="stylesheet" href="index.css">
</head>

<body>
    <canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()" tabindex="-1">
    </canvas>
    <div id="pauseMenuContainer" hidden>
        <div id="pauseMenuBorder">
            <div id="pauseMenu">
                <button id="resumeButton" onclick="resume()"> Resume </button>
                <button id="quitButton" onclick="quitIfSupported()"> Quit </button>
            </div>
        </div>
    </div>
    <div class="loading">
        <div class="spinner" id="spinner"></div>
        <div class="emscripten" id="status">Downloading...</div>
        <progress value="0" max="100" id="progress" hidden="1"></progress>
    </div>
    <div class="output-container" id="output-container">
        <div id="message-container">
            <div id="messages">
            </div>
        </div>
        <script>
          function mergeFiles(fileParts) {
              return new Promise((resolve, reject) => {
                  let buffers = [];
      
                  function fetchPart(index) {
                      if (index >= fileParts.length) {
                          let mergedBlob = new Blob(buffers);
                          let mergedFileUrl = URL.createObjectURL(mergedBlob);
                          resolve(mergedFileUrl);
                          return;
                      }
                      fetch(fileParts[index]).then((response) => response.arrayBuffer()).then((data) => {
                          buffers.push(data);
                          fetchPart(index + 1);
                      }).catch(reject);
                  }
                  fetchPart(0);
              });
          }
      
          function getParts(file, start, end) {
              let parts = [];
              for (let i = start; i <= end; i++) {
                  parts.push(file + ".part" + i);
              }
              return parts;
          }
      
          mergeFiles(getParts("game.unx", 1, 13)).then(async url => {
              window.gameUnxUrl = url;
      
              const originalFetch = window.fetch;
              window.fetch = async function (...args) {
                  let [url, options] = args;
                  if (typeof url === 'string' && url.includes("game.unx")) {
                      console.log("fetch:", url);
                      url = window.gameUnxUrl;
                  } else if (url instanceof Request && url.url.includes("game.unx")) {
                      console.log("fetch request:", url.url);
                      url = new Request(window.gameUnxUrl, url);
                  }
                  return originalFetch.call(this, url, options);
              };
      
              const originalOpen = XMLHttpRequest.prototype.open;
              XMLHttpRequest.prototype.open = function (method, url, ...rest) {
                  if (url.includes("game.unx")) {
                      console.log("XHR:", url);
                      url = window.gameUnxUrl;
                  }
                  return originalOpen.call(this, method, url, ...rest);
              };
              let index = document.createElement("script");
              index.src = "index.js";
              document.body.appendChild(index);
      
              let runner = document.createElement("script");
              runner.src = "runner.js";
              document.body.appendChild(runner);
          }).catch(error => {
              console.error("Failed to merge files:", error);
          });
      </script>      
</body>

</html>

Chargeur de jeu HTML5 pour le portage Web de Pizza Tower

Recommandé

Page de destination - Voyage

Un code par mironovbogdan341

Extrait d'animation de chargement CSS

HTML

CSS

JS

Recommandé

Page de destination - Voyage

Un code par mironovbogdan341

Extrait d'animation de chargement CSS

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS