Leap motion integration. HTML interface redesign. Merge all controls into a single index.

2014-03-08 20:09:59 -08:00
parent 8c420e548b
commit 431b54ec19
17 changed files with 929 additions and 210 deletions
@@ -0,0 +1,83 @@
+// Generated by CoffeeScript 1.6.3
+(function() {
+  var $, a, init, s, u, _fn, _i, _len;
+
+  $ = function(_) {
+    return document.getElementById(_);
+  };
+
+  init = function(controlType, quality, platform, godmode) {
+    var hexGL, progressbar;
+    hexGL = new bkcore.hexgl.HexGL({
+      document: document,
+      width: window.innerWidth,
+      height: window.innerHeight,
+      container: $('main'),
+      overlay: $('overlay'),
+      gameover: $('step-5'),
+      quality: quality,
+      difficulty: 0,
+      half: platform === 1 && quality < 1,
+      mobile: platform === 1,
+      hud: platform === 0,
+      controlType: controlType,
+      godmode: godmode,
+      track: 'Cityscape'
+    });
+    window.hexGL = hexGL;
+    progressbar = $('progressbar');
+    return hexGL.load({
+      onLoad: function() {
+        console.log('LOADED.');
+        hexGL.init();
+        $('step-3').style.display = 'none';
+        $('step-4').style.display = 'block';
+        return hexGL.start();
+      },
+      onError: function(s) {
+        return console.error("Error loading " + s + ".");
+      },
+      onProgress: function(p, t, n) {
+        console.log("LOADED " + t + " : " + n + " ( " + p.loaded + " / " + p.total + " ).");
+        return progressbar.style.width = "" + (p.loaded / p.total * 100) + "%";
+      }
+    });
+  };
+
+  u = bkcore.Utils.getURLParameter;
+
+  s = [['controlType', ['KEYBOARD', 'TOUCH', 'LEAP MOTION CONTROLLER'], 0, 0, 'Controls: '], ['quality', ['LOW', 'MID', 'HIGH'], 2, 2, 'Quality: '], ['platform', ['DESKTOP', 'MOBILE'], 0, 0, 'Platform: '], ['godmode', ['OFF', 'ON'], 0, 1, 'Godmode: ']];
+
+  _fn = function(a) {
+    var e, f, _ref;
+    a[3] = (_ref = u(a[0])) != null ? _ref : a[2];
+    e = $("s-" + a[0]);
+    (f = function() {
+      return e.innerHTML = a[4] + a[1][a[3]];
+    })();
+    return e.onclick = function() {
+      return f(a[3] = (a[3] + 1) % a[1].length);
+    };
+  };
+  for (_i = 0, _len = s.length; _i < _len; _i++) {
+    a = s[_i];
+    _fn(a);
+  }
+
+  $('start').onclick = function() {
+    $('step-1').style.display = 'none';
+    $('step-2').style.display = 'block';
+    return $('step-2').style.backgroundImage = "url(css/help-" + s[0][3] + ".png)";
+  };
+
+  $('step-2').onclick = function() {
+    $('step-2').style.display = 'none';
+    $('step-3').style.display = 'block';
+    return init(s[0][3], s[1][3], s[2][3], s[3][3]);
+  };
+
+  $('step-5').onclick = function() {
+    return window.location.reload();
+  };
+
+}).call(this);