added loading screen before starting the game for Emscripten platform
[rocksndiamonds.git] / 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 </head>
9 <body style="background:black;text-align:center;vertical-align:middle;">
10 <canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()" tabindex=-1></canvas>
11 <div id="loading">
12 <img src="loading.svg" width="200px" height="200px">
13 <br>
14 <span style="color:white;font-size:120%;font-family:sans-serif">
15 Loading Rocks'n'Diamonds ...
16 </span>
17 </div>
18 <script type='text/javascript'>
19       var Module = {
20         arguments: [],
21         preRun: [
22           function() {}
23         ],
24         postRun: [
25           function() { loading.style.display = 'none'; }
26         ],
27         print: (function() {
28           var element = document.getElementById('output');
29           if (element) element.value = ''; // clear browser cache
30           return function(text) {
31             if (arguments.length > 1) text = Array.prototype.slice.call(arguments).join(' ');
32             console.log(text);
33           };
34         })(),
35         printErr: function(text) {
36           if (arguments.length > 1) text = Array.prototype.slice.call(arguments).join(' ');
37           if(text.startsWith("[FATAL]")) console.error(text);
38           else console.warn(text);
39         },
40         setStatus: function(text) {/*if(text == '') { document.title = "Rocks'n'Diamonds (stopped)"; } */},
41         quit: (function()
42         {
43           document.title = "Rocks'n'Diamonds (exited)";
44         }),
45         canvas: (function() {
46           var canvas = document.getElementById('canvas');
47
48           // As a default initial behavior, pop up an alert when webgl context is lost. To make your
49           // application robust, you may want to override this behavior before shipping!
50           // See http://www.khronos.org/registry/webgl/specs/latest/1.0/#5.15.2
51           canvas.addEventListener("webglcontextlost", function(e) { alert('WebGL context lost. You will need to reload the page.'); e.preventDefault(); }, false);
52
53           return canvas;
54         })(),
55         totalDependencies: 0,
56         monitorRunDependencies: function(left) {
57           this.totalDependencies = Math.max(this.totalDependencies, left);
58         }
59       };
60       window.onerror = function(event) {
61         alert("An error occurred, see console.");
62         document.title = "Rocks'n'Diamonds (aborted)";
63       };
64 </script>
65 <script async type="text/javascript" src="rocksndiamonds.data.js"></script>
66 <script async type="text/javascript" src="rocksndiamonds.js"></script>
67 </body>
68 </html>