hextris/js/main.js

321 lines
6.3 KiB
JavaScript
Raw Normal View History

2014-05-25 14:41:06 +00:00
function scaleCanvas() {
canvas.width = $(window).width();
canvas.height = $(window).height();
2014-05-25 22:27:25 +00:00
2014-05-25 15:16:33 +00:00
if (canvas.height > canvas.width) {
2014-05-25 22:27:25 +00:00
settings.scale = (canvas.width/800) * settings.baseScale;
2014-05-25 15:16:33 +00:00
} else {
2014-05-25 22:27:25 +00:00
settings.scale = (canvas.height/800) * settings.baseScale;
2014-05-25 15:16:33 +00:00
}
2014-05-25 22:27:25 +00:00
trueCanvas = {
width:canvas.width,
height:canvas.height
};
2014-05-25 16:02:22 +00:00
if (window.devicePixelRatio) {
2014-05-25 22:27:25 +00:00
//from https://gist.github.com/joubertnel/870190
var cw = $("#canvas").attr('width');
var ch = $("#canvas").attr('height');
$("#canvas").attr('width', cw * window.devicePixelRatio);
$("#canvas").attr('height', ch * window.devicePixelRatio);
$("#canvas").css('width', cw);
$("#canvas").css('height', ch);
trueCanvas = {
width:cw,
height:ch
};
ctx.scale(window.devicePixelRatio, window.devicePixelRatio);
2014-05-25 16:02:22 +00:00
}
}
2014-05-23 20:50:18 +00:00
2014-05-22 21:04:57 +00:00
function toggleDevTools() {
$('#devtools').toggle();
2014-05-22 21:04:57 +00:00
}
function resumeGame() {
gameState = 1;
hideUIElements();
$('#pauseBtn').show();
2014-06-30 17:34:55 +00:00
$('#restartBtn').show();
importing = 0;
startTime = Date.now();
setTimeout(function(){
if (gameState == 1 || gameState == 2) {
$('.helpText').fadeOut(150, "linear");
}
}, 7000);
if ($('#helpScreen').is(":visible")) {
$('#helpScreen').fadeOut(150, "linear");
}
}
function hideUIElements() {
$('#pauseBtn').hide();
2014-06-30 16:29:26 +00:00
$('#restartBtn').hide();
$('#startBtn').hide();
2014-07-21 02:36:45 +00:00
$("#attributions").hide();
}
function init(b) {
if (b) {
if (!$('.helpText').is(":visible")) {
$('.helpText').fadeIn(150, "linear");
}
if ($('#helpScreen').is(":visible")) {
$('#helpScreen').fadeOut(150, "linear");
}
setTimeout(function() {
$('.helpText').fadeOut(150, "linear");
}, 7000);
clearSaveState();
}
hideUIElements();
2014-05-26 03:52:35 +00:00
var saveState = localStorage.getItem("saveState") || "{}";
saveState = JSONfn.parse(saveState);
2014-06-24 00:55:04 +00:00
document.getElementById("canvas").className = "";
history = {};
importedHistory = undefined;
importing = 0;
isGameOver = 2;
2014-05-26 03:52:35 +00:00
score = saveState.score || 0;
prevScore = 0;
spawnLane = 0;
op = 0;
scoreOpacity = 0;
2014-07-01 15:02:52 +00:00
gameState = 1;
2014-07-04 18:52:14 +00:00
$("#restartBtn").show();
$("#pauseBtn").show();
2014-07-04 16:47:37 +00:00
if(saveState.hex !== undefined) gameState = 1;
2014-05-26 05:11:13 +00:00
scaleCanvas();
settings.blockHeight = settings.baseBlockHeight * settings.scale;
settings.hexWidth = settings.baseHexWidth * settings.scale;
2014-07-04 16:47:37 +00:00
MainHex = saveState.hex || new Hex(settings.hexWidth);
if (saveState.hex) {
2014-07-04 16:42:44 +00:00
MainHex.playThrough += 1;
}
2014-07-04 16:42:44 +00:00
MainHex.sideLength = settings.hexWidth;
2014-06-22 20:52:51 +00:00
var i;
var block;
2014-05-26 03:52:35 +00:00
if(saveState.blocks) {
saveState.blocks.map(function(o){
if (rgbToHex[o.color]) {
o.color = rgbToHex[o.color];
}
});
2014-06-22 20:52:51 +00:00
for(i=0; i<saveState.blocks.length; i++) {
block = saveState.blocks[i];
2014-05-26 03:52:35 +00:00
blocks.push(block);
}
}
2014-05-26 05:11:13 +00:00
else {
blocks = [];
}
2014-05-26 03:52:35 +00:00
gdx = saveState.gdx || 0;
gdy = saveState.gdy || 0;
2014-07-04 16:42:22 +00:00
comboTime = saveState.comboTime || 0;
2014-05-26 03:52:35 +00:00
2014-07-04 16:42:44 +00:00
for(i=0; i<MainHex.blocks.length; i++) {
for (var j=0; j<MainHex.blocks[i].length; j++) {
MainHex.blocks[i][j].height = settings.blockHeight;
MainHex.blocks[i][j].settled = 0;
2014-05-26 03:52:35 +00:00
}
}
2014-05-26 05:11:13 +00:00
2014-07-04 16:42:44 +00:00
MainHex.blocks.map(function(i){
i.map(function(o){
if (rgbToHex[o.color]) {
o.color = rgbToHex[o.color];
}
});
});
2014-06-24 04:15:03 +00:00
2014-07-04 16:42:44 +00:00
MainHex.y = -100;
2014-05-26 05:11:13 +00:00
2014-05-23 20:13:23 +00:00
startTime = Date.now();
2014-07-04 16:42:44 +00:00
waveone = saveState.wavegen || new waveGen(MainHex,Date.now(),[1,1,0],[1,1],[1,1]);
2014-05-26 03:52:35 +00:00
2014-07-04 16:42:44 +00:00
MainHex.texts = []; //clear texts
MainHex.delay = 15;
2014-06-24 00:55:04 +00:00
hideText();
2014-05-17 22:47:37 +00:00
}
2014-05-24 00:22:53 +00:00
function addNewBlock(blocklane, color, iter, distFromHex, settled) { //last two are optional parameters
2014-05-25 22:27:25 +00:00
iter *= settings.speedModifier;
if (!history[MainHex.ct]) {
history[MainHex.ct] = {};
}
history[MainHex.ct].block = {
blocklane:blocklane,
color:color,
iter:iter
};
if (distFromHex) {
history[MainHex.ct].distFromHex = distFromHex;
}
if (settled) {
blockHist[MainHex.ct].settled = settled;
}
2014-05-24 00:22:53 +00:00
blocks.push(new Block(blocklane, color, iter, distFromHex, settled));
2014-05-22 20:36:32 +00:00
}
function exportHistory() {
$('#devtoolsText').html(JSON.stringify(history));
toggleDevTools();
2014-05-22 20:36:32 +00:00
}
2014-06-24 00:55:04 +00:00
function setStartScreen() {
$('#startBtn').show();
init();
2014-07-04 18:52:14 +00:00
if (isStateSaved()) {
importing = 0;
2014-07-05 02:23:19 +00:00
} else {
importing = 1;
}
2014-07-20 02:15:14 +00:00
$('#pauseBtn').hide();
$('#restartBtn').show();
$('#startBtn').show();
2014-07-21 02:36:45 +00:00
$('#attributions').show();
gameState = 0;
2014-07-05 02:23:19 +00:00
requestAnimFrame(animLoop);
2014-06-24 00:55:04 +00:00
}
2014-05-23 20:13:23 +00:00
//t: current time, b: begInnIng value, c: change In value, d: duration
function getStepDY(t, b, c, d) {
if ((t/=d) < (1/2.75)) {
return c*(7.5625*t*t) + b;
} else if (t < (2/2.75)) {
return c*(7.5625*(t-=(1.5/2.75))*t + 0.75) + b;
} else if (t < (2.5/2.75)) {
return c*(7.5625*(t-=(2.25/2.75))*t + 0.9375) + b;
} else {
return c*(7.5625*(t-=(2.625/2.75))*t + 0.984375) + b;
}
2014-05-23 20:50:18 +00:00
}
2014-05-23 20:13:23 +00:00
function animLoop() {
2014-06-28 02:15:16 +00:00
switch (gameState) {
case 1:
requestAnimFrame(animLoop);
2014-07-04 16:42:44 +00:00
if (!MainHex.delay) {
update();
} else {
2014-07-04 16:42:44 +00:00
MainHex.delay--;
}
2014-06-28 02:15:16 +00:00
render();
if (checkGameOver() && !importing) {
$('.helpText').fadeIn(200, "linear");
2014-06-28 02:15:16 +00:00
gameState = 2;
setTimeout(function(){
enableRestart();
}, 200);
if ($('#helpScreen').is(':visible')) {
$('#helpScreen').fadeOut(150, "linear");
}
canRestart = 0;
2014-06-28 02:15:16 +00:00
clearSaveState();
}
break;
case 0:
requestAnimFrame(animLoop);
if (importing) {
update();
}
render();
break;
case -1:
requestAnimFrame(animLoop);
render();
break;
case 2:
requestAnimFrame(animLoop);
update();
render();
break;
case 3:
requestAnimFrame(animLoop);
fadeOutObjectsOnScreen();
render();
break;
case 4:
setTimeout(function(){initialize(1)}, 1);
render();
return;
2014-06-28 02:15:16 +00:00
default:
initialize();
2014-06-28 02:15:16 +00:00
setStartScreen();
break;
2014-05-25 14:41:06 +00:00
}
2014-05-17 23:02:28 +00:00
}
function enableRestart() {
canRestart = 1;
}
2014-06-24 02:21:36 +00:00
function updateHighScore(){
2014-07-20 01:46:05 +00:00
//debugger;
for(var i = 0; i<numHighScores;i++) {
if(highscores[i]<=score) {
highscores.splice(i,0,score);
highscores = highscores.slice(0,3);
2014-06-28 02:15:16 +00:00
break;
}
}
localStorage.setItem('highscores', highscores);
2014-06-24 02:21:36 +00:00
}
2014-07-04 16:47:37 +00:00
function isInfringing(hex){
for(var i=0;i<hex.sides;i++){
2014-05-26 00:34:56 +00:00
var subTotal=0;
2014-07-04 16:47:37 +00:00
for (var j=0;j<hex.blocks[i].length;j++){
subTotal+=hex.blocks[i][j].deleted ;
2014-05-26 00:34:56 +00:00
}
2014-07-04 16:47:37 +00:00
if (hex.blocks[i].length- subTotal>settings.rows){
2014-06-04 18:33:40 +00:00
return true;
2014-05-26 00:34:56 +00:00
}
}
return false;
}
2014-06-24 00:55:04 +00:00
function checkGameOver() {
2014-07-04 16:42:44 +00:00
for (var i = 0; i < MainHex.sides; i++) {
if (isInfringing(MainHex)) {
2014-06-28 02:15:16 +00:00
gameOverDisplay();
return true;
}
}
return false;
2014-05-24 01:36:59 +00:00
}
2014-05-24 18:52:21 +00:00
2014-05-27 01:05:58 +00:00
function showHelp(){
if (gameState == 1 || gameState == 2) {
2014-07-04 20:42:55 +00:00
pause(1);
2014-05-27 01:05:58 +00:00
}
$('#helpScreen').fadeToggle(150, "linear");
2014-06-23 23:21:09 +00:00
}