Deepest Sword Game - Jouez en ligne (HTML5)

886 iroger7

Ouvrir dans l'éditeur Publiez votre code

Deepest Sword Game - Jouez en ligne (HTML5)

Recommandé

21 June 2025

Conteneur d'effets de lumière HTML avec CSS

16 October 2025

Exemple d'animation CSS : chargement et effets de texte

12 January 2026

Émulateur HTML NES : Jouez à Mega Man 3 en ligne

HTML

<html lang="en-us">
<base href="https://cdn.jsdelivr.net/gh/bubbls/UGS-Assets@8b3b8522e7e0c3f94588a5d2364f49e7829f993e/deepest%20sword/">
<head>
  <meta charset="utf-8">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Deepest Sword</title>
  <style>
    html,
    body {
      background: #000;
      width: 100%;
      height: 100%;
      overflow: visible;
      padding: 0;
      margin: 0;
    }

div#gameContainer {
      background: transparent !important;
      position: absolute;
    }

div#gameContainer canvas {
      position: absolute;
    }
  </style>
</head>

<body>
  <div id="gameContainer">
    <canvas id="unity-canvas"></canvas>
    <script src="Build/WebBuilds.loader.js"></script>
    <script>
      createUnityInstance(document.querySelector("#unity-canvas"), {
        dataUrl: "Build/WebBuilds.data",
        frameworkUrl: "Build/WebBuilds.framework.js",
        codeUrl: "Build/WebBuilds.wasm",
        streamingAssetsUrl: "StreamingAssets",
        companyName: "Cosmic Adventure Squad",
        productName: "Deepest Sword",
        productVersion: "0.1.5c",
      }).then(function(instance) {
        var canvas = instance.Module.canvas;
        var container = canvas.parentElement;

function onResize() {
          var w;
          var h;

if (scaleToFit) {
            w = window.innerWidth;
            h = window.innerHeight;

var r = 540 / 960;

if (w * r > window.innerHeight) {
              w = Math.min(w, Math.ceil(h / r));
            }
            h = Math.floor(w * r);
          } else {
            w = 960;
            h = 540;
          }

container.style.width = canvas.style.width = w + "px";
          container.style.height = canvas.style.height = h + "px";
          container.style.top = Math.floor((window.innerHeight - h) / 2) + "px";
          container.style.left = Math.floor((window.innerWidth - w) / 2) + "px";
        }

var scaleToFit;
        try {
          scaleToFit = !!JSON.parse("");
        } catch (e) {
          scaleToFit = true;
        }
        window.addEventListener('resize', onResize);
        onResize();
      });
    </script>
  </div>
</body>

</html>

CSS