Caricatore di giochi HTML5 con Yandex Games SDK

591 argghh

Apri nell'Editor Video Pubblica il Tuo Codice

Caricatore di giochi HTML5 con Yandex Games SDK

Consigliato

24 November 2025

Nozioni di base su Baldis

16 January 2026

Modello HTML per lettore di giochi Flash Ruffle

2 August 2025

Modulo di registrazione HTML animato

HTML

<!DOCTYPE html>

#unity-container {
      width: 100%;
      height: 100%;
      position: relative;
    }

#unity-canvas {
      width: 100%;
      height: 100%;
      background: #231F20;
      display: block;
    }

#loading-cover {
      position: absolute;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      background-color: #231F20;
      z-index: 9999;
    }

#progress-container {
      width: 40%;
      height: 24px;
      background: #555;
      border: 1px solid #fff;
      padding: 2px;
    }

#progress-fill {
      width: 0%;
      height: 100%;
      background: white;
      transition: width 0.2s;
    }
  </style><script type="text/javascript">
    window.SDK_OPTIONS = {
        gameId: "r2tzpy9cgrn2u4xgzc9z0zbtvxm16mby",
        onEvent: function (a) {
            switch (a.name) {
                case "SDK_GAME_PAUSE":
                    break;
                case "SDK_GAME_START":
                    break;
                case "SDK_READY":
                    break;
            }
        }
    };
    (function (a, b, c) {
        var d = a.getElementsByTagName(b)[0];
        if (!a.getElementById(c)) {
            var e = a.createElement(b);
            e.id = c;
            e.src = "https://cdn.jsdelivr.net/gh/st39/sdk@main/sdkjs.js";
            d.parentNode.insertBefore(e, d);
        }
    })(document, "script", "gamemonetize-sdk");
</script><style type="text/css">#button {
  display:none;
}
.imgb_vis {
  animation: imgb-animation 7s linear;
}
@keyframes imgb-animation {
  10% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(100px);
  }
  90% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(0);
  }
}</style><script type="text/javascript">
              window.yandexMetricaCounterId = parseInt(102300209);
          </script><script type="text/javascript">
              (function (m, e, t, r, i, k, a) {
                  m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) };
                  m[i].l = 1 * new Date();
                  for (var j = 0; j < document.scripts.length; j++) { if (document.scripts[j].src === r) { return; } }
                  k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
              })(window, document, "script", "", "ym");
  
              ym(window.yandexMetricaCounterId, "init", {
                  clickmap: false,
                  trackLinks: true,
                  accurateTrackBounce: true
              });
          </script></head>

var myGameInstance = null;
var environmentData = 'no data';
window.environmentData = environmentData;
var reviewData = 'false';

var cloudSaves   = 'no data';
var paymentsData = 'no data';
var playerData   = 'no data';
let flasgsData = 'no data';
var gameLabelData = 'false';
let allGamesData = 'no data';
var statsSaves = 'no data';
var player = null, payments = null, initGame = false, nowFullAdOpen = false;

try {
  Object.defineProperty(navigator, 'language',  { get: () => 'en-US', configurable: true });
  Object.defineProperty(navigator, 'languages', { get: () => ['en-US','en'], configurable: true });
} catch(e){
  try { navigator.__defineGetter__('language',  ()=>'en-US'); } catch{}
  try { navigator.__defineGetter__('languages', ()=>['en-US','en']); } catch{}
}
try { document.documentElement.lang = 'en'; } catch{}

function sendYG(method, arg){
  try{ arg===undefined ? myGameInstance?.SendMessage('YG2Instance', method)
                       : myGameInstance?.SendMessage('YG2Instance', method, String(arg)); }catch{}
  try{ arg===undefined ? myGameInstance?.SendMessage('YandexGame', method)
                       : myGameInstance?.SendMessage('YandexGame', method, String(arg)); }catch{}
}

const progressFill  = document.getElementById("progress-fill");
const loadingCover  = document.getElementById("loading-cover");
function setProgress(value){ progressFill.style.width = `${Math.min(value*100, 100)}%`; }

async function mergeUnityWebFiles(baseUrl, filePrefix, totalParts, extension, onProgress) {
  const partUrls = Array.from({ length: totalParts }, (_, i) => `${baseUrl}/${filePrefix}${i + 1}.${extension}`);
  let totalSize = 0;

for (const url of partUrls) {
    const head = await fetch(url, { method: "HEAD" });
    const len = head.headers.get("Content-Length");
    if (len) totalSize += parseInt(len, 10);
  }

const buffers = [];
  let downloaded = 0;

for (const url of partUrls) {
    const res = await fetch(url);
    const reader = res.body.getReader();
    const chunks = [];

while (true) {
      const { done, value } = await reader.read();
      if (done) break;
      chunks.push(value);
      downloaded += value.length;
      onProgress && onProgress(downloaded / totalSize * 0.5);
    }

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

const final = new Uint8Array(buffers.reduce((a, b) => a + b.byteLength, 0));
  let offset = 0;
  for (const b of buffers) { final.set(b, offset); offset += b.byteLength; }
  return final;
}

async function initializeGame() {
  const baseUrl  = "https://cdn.jsdelivr.net/gh/goldie-code/specification@c351c9358400eeeb6a447895ae2c6877c44e4cd0/util";
  const loaderUrl = "https://cdn.jsdelivr.net/gh/goldie-code/tech@fccf9d4285000098e10a6448198ef92560a6294c/plug/src/main/loader.js";

try {
    const wasmBuffer = await mergeUnityWebFiles(baseUrl, "set", 2, "js", setProgress);
    const wasmBlob   = new Blob([wasmBuffer], { type: "application/wasm" });
    const wasmUrl    = URL.createObjectURL(wasmBlob);

const script = document.createElement("script");
    script.src = loaderUrl;
    script.onload = async () => {
      try { await window.YaGames.init(); } catch {}

const config = {
        dataUrl:      "https://cdn.jsdelivr.net/gh/goldie-code/tech@fccf9d4285000098e10a6448198ef92560a6294c/plug/src/main/libdata.js",
        frameworkUrl: "https://cdn.jsdelivr.net/gh/goldie-code/tech@cad464f628ac347e8e4795c577b7123593ac1b34/plug/src/main/lib.js",
        codeUrl:      wasmUrl,      
        streamingAssetsUrl: "https://cdn.jsdelivr.net/gh/goldie-code/tech@db7a45ffce94f072135646449c115dcead54c3fd/plug/src/main/resources/META-INF/gradle-plugins",
      };
      const canvas = document.getElementById("unity-canvas");

createUnityInstance(canvas, config, (unityProgress) => {
        setProgress(0.5 + unityProgress * 0.5);
      }).then((instance) => {
        myGameInstance = instance;
        loadingCover.style.display = "none";
        try { RequestingEnvironmentData(); } catch {}
      }).catch((error) => {
        console.error("Unity create failed", error);
      });
    };
    document.body.appendChild(script);
  } catch (e) {
    console.error("WASM merge failed", e);
  }
}

let lastAdTime = 0;
let adCooldown = 10000;
function canShowAd(){ return (Date.now() - lastAdTime) >= adCooldown; }

function FocusGame(){ if (document.hasFocus && !document.hasFocus()) { window.focus(); } }

function FullAdShow() {
  if (!canShowAd()) { sendYG('CloseInterAdv', 'false'); return; }
  try {
    if (nowFullAdOpen) return;
    nowFullAdOpen = true; lastAdTime = Date.now();
    sendYG('OpenInterAdv');

if (typeof sdk !== 'undefined' && typeof sdk.showBanner === 'function') {
      sdk.showBanner();
      setTimeout(function () {
        nowFullAdOpen = false;
        sendYG('CloseInterAdv', 'true'); 
        FocusGame();
      }, 3000);
    } else {
      nowFullAdOpen = false;
      sendYG('CloseInterAdv', 'false');
      FocusGame();
    }
  } catch (e) {
    nowFullAdOpen = false;
    sendYG('ErrorInterAdv');
    sendYG('CloseInterAdv', 'false');
    FocusGame();
  }
}

function InterAdvShow() { FullAdShow(); }

function RewardedShow(id) {
  if (!canShowAd()) { sendYG('RewardUnavailable'); sendYG('CloseRewardedAdv'); return; }
  try {
    lastAdTime = Date.now();
    sendYG('OpenRewardedAdv');

if (typeof sdk !== 'undefined' && typeof sdk.showBanner === 'function') {
      sdk.showBanner();
      setTimeout(function () {
        sendYG('RewardAdv', id);         
        sendYG('CloseRewardedAdv', 'true');
        FocusGame();
      }, 3000);
    } else {
      sendYG('RewardAdv', id);
      sendYG('CloseRewardedAdv', 'true');
      FocusGame();
    }
  } catch (e) {
    sendYG('ErrorRewardedAdv');
    sendYG('CloseRewardedAdv', 'false');
    FocusGame();
  }
}

function RewardedAdvShow(id) { 
  RewardedShow(id); 
}

initializeGame();
</script>
<script src="https://cdn.jsdelivr.net/gh/st39/sdk@main/api.js"></script>

Consigliato

Nozioni di base su Baldis

Modello HTML per lettore di giochi Flash Ruffle

Modulo di registrazione HTML animato

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS