historia

32 quintondriverjr

HTML

<title>YT Game Wrapper WebGL Template</title>
  <link rel="stylesheet" href="TemplateData/style.css" nonce="HjWJF8wUoyyM9Kds5vxdMg">
  <script src="https://cdn.jsdelivr.net/gh/bubbls/youtube-playables@main/ytgame.js" nonce="HjWJF8wUoyyM9Kds5vxdMg">// Load YT Game API code</script>
</head>

// For YT it is strongly encouraged that all warnings / errors show in
    // console and banners should be in game as needed to not confuse users.
    // 
    // If needed please uncomment section below to show a temporary message 
    // banner/ribbon for a few seconds, or a permanent error message on top 
    // of the canvas if type=='error'.
    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 + "/BasketBattleWeb.loader.js";
    var config = {
      dataUrl: buildUrl + "/BasketBattleWeb.data.unityweb",
      frameworkUrl: buildUrl + "/BasketBattleWeb.framework.js.unityweb",
        codeUrl: buildUrl + "/BasketBattleWeb.wasm.unityweb",
      streamingAssetsUrl: "StreamingAssets",
      companyName: "Noor Creative, LLC",
      productName: "Basket Battle",
      productVersion: "3.4",
      showBanner: unityShowBanner,
    };

// 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: fill the whole browser client area with the game canvas:

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";

// 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 = "100%";
      canvas.style.height = "100%";
    }

loadingBar.style.display = "block";

// loadResources is only used if you need load Zipped files for .wasm, .js, or .data and need 
    // them to be decompressed. If the file is not zipped we bypass decompression step automatically,
    // however its best to not trigger this if you dont used compression. 
    // NOTE: GZip does not work ATM.  If this is needed Unarchiver will need to be updated.
    loadResources = (callback) => {
      var codeUrl = config.codeUrl;
      var shouldDecompress = true;

let processedCount = 0;

let readyDefiner = () => {
        processedCount++;
        if(processedCount === 2) {
          callback();
        }
      }

DecompressFile(config.codeUrl, 'application/wasm', (file) => {
        config.codeUrl = file;
        readyDefiner();
      });

DecompressFile(config.dataUrl, 'application/data', (file) => {
        config.dataUrl = file;
        readyDefiner();
      });
    }

// Fetch/Load a file then call our callback 
    loadZipData = (url, callback) => {
      fetch(url)
        .then(response => response.blob())
        .then(blob => {
          callback(blob);
        });
    }

// Check if URL / File exists
    function UrlExists(urlToCheck)
    {
        var httpReq = new XMLHttpRequest();
        httpReq.open('HEAD', urlToCheck, false);
        httpReq.send();
        return httpReq.status!=404;
    }

// decompress files and call callback
    // TODO: test and potentially switch to Compression Streams API
    function DecompressFile(file, blobMimeType, callback) {
      let decompressedFile;

loadZipData(file, (f) => {
        Unarchiver.open(f).then(async function (archive) {
          for (let entry of archive.entries) {
            if (entry.is_file) {
              let entryRead = await entry.read();
              let entryData = await entryRead.arrayBuffer();
              let dataBlob = new Blob([new Uint8Array(entryData)], { type: blobMimeType });
              decompressedFile = window.URL.createObjectURL(dataBlob);
            }
          }
          callback(decompressedFile);
        });
      });
    }

document.body.appendChild(script);
    }

// Path 1: Use this path if no decompression of your .wasm, .data, .js files are needed
    InitUnitySection();

window.onfocus = function() {
      unityGameInstance.SendMessage("IDFAPreload", "BrowserVisible");
    };
    window.onblur = function() {
      unityGameInstance.SendMessage("IDFAPreload", "BrowserHide");
    };

// Path 2: Use this path to Load resources (.wasm, .data, .js) that are Zipped and need to be decompressed
    // if you dont use compresseion its best to comment out Path 1 and uncomment Path 2.
    //loadResources(InitUnitySection);  // Uncomment this line to start Unity by loading zipped files
  </script>
</body>
</html>

CSS