build-projects/emscripten/index.html

   1 <!doctype html>
   2 <html lang="en-us">
   3 <head>
   4 <meta charset="utf-8"><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   5 <title>Loading Rocks'n'Diamonds</title>
   6 <link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32">
   7 <link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16">
   8 <style>
   9 #canvas {
  10     position: absolute;
  11     top: 0px;
  12     left: 0px;
  13     margin: 0px;
  14     width: 100%;
  15     height: 100%;
  16     overflow: hidden;
  17     display: block;
  18 }
  19 </style>
  20 </head>
  21 <body style="background:black;text-align:center;vertical-align:middle;">
  22 <canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()" tabindex=-1></canvas>
  23 <div id="loading">
  24 <img src="loading.svg" width="200px" height="200px">
  25 <br>
  26 <span style="color:white;font-size:120%;font-family:sans-serif">
  27 Loading Rocks'n'Diamonds ...
  28 </span>
  29 </div>
  30 <script type='text/javascript'>
  31       var Module = {
  32         arguments: [],
  33         preRun: [
  34           function() {}
  35         ],
  36         postRun: [
  37           function() { loading.style.display = 'none'; }
  38         ],
  39         print: (function() {
  40           var element = document.getElementById('output');
  41           if (element) element.value = ''; // clear browser cache
  42           return function(text) {
  43             if (arguments.length > 1) text = Array.prototype.slice.call(arguments).join(' ');
  44             console.log(text);
  45           };
  46         })(),
  47         printErr: function(text) {
  48           if (arguments.length > 1) text = Array.prototype.slice.call(arguments).join(' ');
  49           if(text.startsWith("[FATAL]")) console.error(text);
  50           else console.warn(text);
  51         },
  52         setStatus: function(text) {/*if(text == '') { document.title = "Rocks'n'Diamonds (stopped)"; } */},
  53         quit: (function()
  54         {
  55           document.title = "Rocks'n'Diamonds (exited)";
  56         }),
  57         canvas: (function() {
  58           var canvas = document.getElementById('canvas');
  59
  60           // As a default initial behavior, pop up an alert when webgl context is lost. To make your
  61           // application robust, you may want to override this behavior before shipping!
  62           // See http://www.khronos.org/registry/webgl/specs/latest/1.0/#5.15.2
  63           canvas.addEventListener("webglcontextlost", function(e) { alert('WebGL context lost. You will need to reload the page.'); e.preventDefault(); }, false);
  64
  65           return canvas;
  66         })(),
  67         totalDependencies: 0,
  68         monitorRunDependencies: function(left) {
  69           this.totalDependencies = Math.max(this.totalDependencies, left);
  70         }
  71       };
  72       window.onerror = function(event) {
  73         alert("An error occurred, see console.");
  74         document.title = "Rocks'n'Diamonds (aborted)";
  75       };
  76 </script>
  77 <script async type="text/javascript" src="rocksndiamonds.data.js"></script>
  78 <script async type="text/javascript" src="rocksndiamonds.js"></script>
  79 </body>
  80 </html>