Elliot Smith
78a100c99e
Added another quality setting (VERY HIGH) and mapped all combinations of platform + the old quality value to the new 4 value quality option, as follows: desktop + mid/high quality => 3 mobile + high quality => 2 mobile + mid quality, desktop + low quality => 1 mobile + low quality => 0 All choice points in the code which enabled/disabled graphics features, based on platform + quality, were mapped onto a table. This showed which features were disabled or enabled depending on the platform/quality combination. It turned out that mid and high quality resulted in the same settings on desktop, so they could be captured in a single value (3). The only change made to the decision points was that desktop + low quality previously turned off the booster lighting effect, whereas that effect is now on for desktop + low quality. This was done so that mobile + mid quality was equivalent to desktop + low quality. By doing this, the "mobile" property can be removed. I also removed the "half" property, and set it based on quality in the HexGL class (basically, it's enabled for mobile + low quality, which is new quality value 0).
105 lines
2.9 KiB
JavaScript
105 lines
2.9 KiB
JavaScript
// Generated by CoffeeScript 1.7.1
|
|
(function() {
|
|
var $, a, getWebGL, hasWebGL, init, s, u, _fn, _i, _len;
|
|
|
|
$ = function(_) {
|
|
return document.getElementById(_);
|
|
};
|
|
|
|
init = function(controlType, quality, hud, 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,
|
|
hud: hud === 1,
|
|
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', 'GAMEPAD'], 0, 0, 'Controls: '], ['quality', ['LOW', 'MID', 'HIGH', 'VERY HIGH'], 3, 3, 'Quality: '], ['hud', ['OFF', 'ON'], 1, 1, 'HUD: '], ['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);
|
|
}
|
|
|
|
$('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();
|
|
};
|
|
|
|
hasWebGL = function() {
|
|
var canvas, gl;
|
|
gl = null;
|
|
canvas = document.createElement('canvas');
|
|
try {
|
|
gl = canvas.getContext("webgl");
|
|
} catch (_error) {}
|
|
if (gl == null) {
|
|
try {
|
|
gl = canvas.getContext("experimental-webgl");
|
|
} catch (_error) {}
|
|
}
|
|
return gl != null;
|
|
};
|
|
|
|
if (!hasWebGL()) {
|
|
getWebGL = $('start');
|
|
getWebGL.innerHTML = 'WebGL is not supported!';
|
|
getWebGL.onclick = function() {
|
|
return window.location.href = 'http://get.webgl.org/';
|
|
};
|
|
} else {
|
|
$('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)";
|
|
};
|
|
}
|
|
|
|
}).call(this);
|