Chargeur de jeu HTML5 avec le SDK Yandex Games

Ouvrir dans l'éditeur Video Publiez votre code

Recommandé

22 March 2025

salle de sport

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>

Chargeur de jeu HTML5 avec le SDK Yandex Games

Recommandé

Un code par carab5256

Formulaire de connexion animé

salle de sport

HTML

CSS

JS

Recommandé

Un code par carab5256

Formulaire de connexion animé

salle de sport

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS