Chargeur de jeu HTML5 avec le SDK Yandex Games

35 argghh

Ouvrir dans l'éditeur Publiez votre code

Chargeur de jeu HTML5 avec le SDK Yandex Games

Recommandé

19 November 2025

Écran de chargement animé CSS avec des points

5 July 2025

Page d'accueil de Glitch Effect : HTML, CSS, Tailwind

7 August 2025

Boutons de volume

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>

Recommandé

Écran de chargement animé CSS avec des points

Page d'accueil de Glitch Effect : HTML, CSS, Tailwind

Boutons de volume

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS