<title>Loading Rocks'n'Diamonds</title>
<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16">
+<style>
+body {
+ background: black;
+ text-align: center;
+ vertical-align: middle;
+}
+#loading {
+ color: white;
+ font-size: 120%;
+ font-family: sans-serif;
+}
+#canvas {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ margin: 0px;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ display: block;
+}
+</style>
</head>
-<body style="background:black;text-align:center;vertical-align:middle;">
+<body>
<canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()" tabindex=-1></canvas>
+<div id="loading">
+<img src="loading.svg" width="200px" height="200px">
+<br>
+Loading Rocks'n'Diamonds ...
+</div>
<script type='text/javascript'>
var Module = {
arguments: [],
preRun: [
function() {}
],
- postRun: [],
+ postRun: [
+ function() { loading.style.display = 'none'; }
+ ],
print: (function() {
var element = document.getElementById('output');
if (element) element.value = ''; // clear browser cache
alert("An error occurred, see console.");
document.title = "Rocks'n'Diamonds (aborted)";
};
- </script>
+</script>
<script async type="text/javascript" src="rocksndiamonds.data.js"></script>
<script async type="text/javascript" src="rocksndiamonds.js"></script>
</body>