jsil.org/demos/Mannux/Mannux.html

<!DOCTYPE html> 
<html>
  <head>
    <title>Mannux</title>

    <link rel="stylesheet" href="../Common/browser.css">
    <link rel="stylesheet" href="mannux.css">
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  </head>
  <body onload="onLoad()">
    <script type="text/javascript">
      var jsilConfig = {
        printStackTrace: false,
        webgl2d: true,
        xna: 3,
        winForms: true,
        readOnlyStorage: true,
        manifests: [
          "Mannux.exe",
          "Content.contentproj"
        ],
        
        showProgressBar: true,
        showStats: true,
      };
    </script>
    <script src="../Libraries/JSIL.js" type="text/javascript"></script>    
    
    <canvas id="canvas" width="800" height="600">
    </canvas><br>
    <button id="quitButton" title="Quit Game">X</button>
    <div id="welcomeMessage">
      <p align="center"><a href="http://jsil.org/"><img src="http://jsil.org/images/jsil_48px.png" alt="JSIL logo" border="0"></a></p>
      <p>This demo is a simple XNA 3.1 game, compiled from C# to JavaScript using <A href="http://jsil.org/">JSIL, my open-source C# to JavaScript compiler</a>. It should run in any browser that supports HTML5 and a modern version of JavaScript, no plugins required.</p>
      <p align="center">To begin playing, click the <b>Load Game</b> button below.</p>
    </div>
    <button id="loadButton">Load Game</button>
    <div id="log"><center><i>Arrow keys to move. Space to jump. Ctrl to fire.</i></center><br></div>
    
    <script type="text/javascript">
      var scriptRoot = "";
      var libraryRoot = "../Libraries/";
      var fileRoot = "Content/";
      var contentRoot = "Content/";
      
      var assetsToLoad = [
        ["File", "Data/Maps/test.map"],
        ["File", "Data/Maps/test2.map"],
        ["File", "Mannux.map"],
        ["File", "map00.map"],
        ["File", "map01.map"],
        ["File", "MAP02.MAP"],
        ["File", "MAP03.MAP"],
        ["File", "MAP04.MAP"],
        ["File", "shaft.map"],
        ["File", "testmap.map"],
        ["File", "boom.txt"],
        ["File", "bullet.txt"],
        ["File", "door.txt"],
        ["File", "ripper.txt"],
        ["File", "tabby.txt"]
      ];
            
      function runMain () {
        try {
          document.getElementById("welcomeMessage").setAttribute("style", "display: none");
        } catch (ex) {
        }

        // We can't invoke Main() since it disposes the Game immediately, breaking everything.
        var asm = JSIL.GetAssembly("Mannux, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null");
        var game = new asm.Engine();
        game.Run();
      };
    </script>
    <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-6375004-2']);
    _gaq.push(['_setDomainName', '.luminance.org']);
    _gaq.push(['_trackPageview']);

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
    </script>
  </body>
</html>