Codice HTML Canvas WebGL di Super Mario 64

223 GΛMΞ STΔSH

Apri nell'Editor Pubblica il Tuo Codice

Codice HTML Canvas WebGL di Super Mario 64

Consigliato

30 June 2025

Produzione di acciaio, industria metallurgica | Iron and Steel Inc.

23 November 2024

Pulsanti social media in evidenza

25 November 2025

Caricatore di giochi HTML5 con integrazione Yandex SDK

HTML

<html lang="en-us"><head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Super Mario 64</title>
    <style>
      body, html{
        margin: 0;
        padding: 0;
        width: 100vw;
        min-height: 100vh;
        font-family: Arial, Helvetica, sans-serif;
        color: white;
        image-rendering: pixelated;
        scrollbar-width: none;
      }
      ::-webkit-scrollbar {
        display: none;
      }
      #container {
        width: 100vw;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      canvas {
        width: 100vw;
        height: 100vh;
      }
    </style>
  </head>
  <body>
    <div id="container">
      <canvas class="emscripten" id="canvas" width="1920" height="1080" style="cursor: default;"></canvas>
    </div>
    <script type="text/javascript">
      var Module = {
        preRun: [],
        postRun: [],
        print: (function() {
          return function(text) {
            if (arguments.length > 1) text = Array.prototype.slice.call(arguments).join(' ');
            console.log(text);
          };
        })(),
        printErr: function(text) {
          if (arguments.length > 1)
            text = Array.prototype.slice.call(arguments).join(' ');
          console.error(text);
        },
        canvas: (function() {
          var canvas = document.getElementById('canvas');
          canvas.width = window.innerWidth; // Todo: how to do this from c++
          canvas.height = window.innerHeight;
          canvas.addEventListener("webglcontextlost", function(e) {
            alert('WebGL context lost. You will need to reload the page.');
            e.preventDefault();
          }, false);
          return canvas;
        })(),
        setStatus: function(text) {
        }
      };
    </script>
    <script async="" type="text/javascript" src="https://cdn.jsdelivr.net/gh/ArkShocer/sm64@main/sm64.us.f3dex2e.js"></script>
    <script>
    </script>

</body></html>

Codice HTML Canvas WebGL di Super Mario 64

Consigliato

Produzione di acciaio, industria metallurgica | Iron and Steel Inc.

Pulsanti social media in evidenza

Caricatore di giochi HTML5 con integrazione Yandex SDK

HTML

CSS

JS

Consigliato

Produzione di acciaio, industria metallurgica | Iron and Steel Inc.

Pulsanti social media in evidenza

Caricatore di giochi HTML5 con integrazione Yandex SDK

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS