sm64 2

starg3n · Sep 25, 2024 · 51a4393 · 51a4393
1 parent 5c8361b
commit 51a4393
Show file tree

Hide file tree

Showing 3 changed files with 9,580 additions and 0 deletions.
diff --git a/sm64/index (4).html b/sm64/index (4).html
@@ -0,0 +1,97 @@
+<!doctype 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;
+        background-color: #111;
+        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;
+      }
+      #controls {
+        margin-left: 1em;
+        display: flex;
+        align-items: center;
+      }
+      #controller, #dmca {
+        padding-left: 4em;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="controls">
+      <div id="keyboard">
+        <h2>Keyboard Controls</h2>
+        <ul>
+          <li>Movement: WASD</li>
+          <li>A: L</li>
+          <li>B: ,</li>
+          <li>R: Right Shift</li>
+          <li>Z: K</li>
+          <li>Start: Space</li>
+          <li>C-stick: Arrow Keys</li>
+        </ul>
+      </div>
+      <div id="controller">
+        <h2>Scroll/PgDown to hide, PgUp to show again.</h2>
+      </div>
+    </div>
+    <div id="container">
+      <canvas class="emscripten" id="canvas"></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="sm64.us.f3dex2e.js"></script>
+    <script>
+    </script>
+  </body>
+</html>