gate_build 0.6.3

Build utilities for Gate, a specialized 2D game library
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
    <style>
    * { margin:0; padding:0; }
    html, body { width:100%; height:100%; background-color: black; }
    canvas { display: block; background-color: black; }
    video { display: none; }
    #gate-wrapper-div { display: block; width: 100%; height: 100%; background-color: black; overflow: hidden }
    h1 { font-family:Arial,Helvetica,sans-serif;font-size:50px;color:white;text-align:center;padding-top:25px; }
    p { font-family:Arial,Helvetica,sans-serif;font-size:16px;color:white;text-align:center;padding-top:25px; }
    </style>
  </head>

  <body>
    <div id="gate-wrapper-div">
      <h1 id="loading-notice" style="display:none">Loading…</h1>
      <h1 id="load-percent" style="display:none">0%</h1>
      <h1 id="error-notice" style="display:none">Error</h1>
      <p id="error-text" style="display:none"></p>
      <canvas id="gate-canvas" style="display:none"></canvas>
    </div>
  </body>

  <script src="howler.js"></script>
  <script src="gate.js"></script>
  <script>
    var gateDiv = document.getElementById("gate-wrapper-div");
    var gateCanvas = document.getElementById("gate-canvas");
    var loadingNotice = document.getElementById("loading-notice");
    var loadPercent = document.getElementById("load-percent");
    var errorNotice = document.getElementById("error-notice");
    var errorText = document.getElementById("error-text");
    loadingNotice.style.display = "block";
    loadPercent.style.display = "block";
    function onloadprogress(coreRatio, extraResourcesRatio) {
      loadPercent.innerHTML = Math.round(50 * coreRatio + 50 * extraResourcesRatio) + "%";
    }
    function onload() {
      loadingNotice.style.display = "none";
      loadPercent.style.display = "none";
      gateCanvas.style.display = "block";
    }
    function onerror(err) {
      gateCanvas.style.display = "none";
      loadingNotice.style.display = "none";
      loadPercent.style.display = "none";
      errorNotice.style.display = "block";
      errorText.style.display = "block";
      errorText.appendChild(document.createTextNode("An exception was thrown: " + err));
    }
    gate({
      wrapperDiv: gateDiv,
      canvas: gateCanvas,
      wasmFilePath: "gate_app.wasm",
      onloadprogress: onloadprogress,
      onload: onload,
      onerror: onerror
    });
  </script>
</html>