hextris/js/main.js

function scaleCanvas() {
	canvas.width = $(window).width();
	canvas.height = $(window).height();

	if (canvas.height > canvas.width) {
		settings.scale = (canvas.width/800) * settings.baseScale;
	} else {
		settings.scale = (canvas.height/800) * settings.baseScale;
	}

	trueCanvas = {
		width:canvas.width,
		height:canvas.height
	};

	if (window.devicePixelRatio) {
		//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);
	}
}

function toggleDevTools() {
	$('#devtools').toggle();
}

function resumeGame() {
	gameState = 1;
	hideUIElements();
	$('#pauseBtn').show();
	$('#restartBtn').show();
	importing = 0;
	startTime = Date.now();
	setTimeout(function(){
		if ((gameState == 1 || gameState == 2) && !$('#helpScreen').is(':visible')) {
			$('.helpText').fadeOut(150, "linear");
		}
	}, 7000);
	
	checkVisualElements();
}

function checkVisualElements() {
	if (!$('.helpText').is(":visible")) $('.helpText').fadeIn(150, "linear");
	if (!$('#pauseBtn').is(':visible')) $('#pauseBtn').fadeIn(150, "linear");
	if (!$('#restartBtn').is(':visible')) $('#restartBtn').fadeIn(150, "linear");
}

function hideUIElements() {
	$('#pauseBtn').hide();
	$('#restartBtn').hide();
	$('#startBtn').hide();
	$("#attributions").hide();
	$("#bottombar").hide();
}

function init(b) {
	if (b) {
		hidebottombar();
		

		if ($('#helpScreen').is(":visible")) {
			$('#helpScreen').fadeOut(150, "linear");
		}
		
		checkVisualElements();

		setTimeout(function() {
			$('.helpText').fadeOut(150, "linear");
		}, 7000);
		clearSaveState();
	}
	
	hideUIElements();
	var saveState = localStorage.getItem("saveState") || "{}";
	saveState = JSONfn.parse(saveState);
	document.getElementById("canvas").className = "";
	history = {};
	importedHistory = undefined;
	importing = 0;
	isGameOver = 2;
	score = saveState.score || 0;
	prevScore = 0;
	spawnLane = 0;
	op = 0;
	scoreOpacity = 0;
	gameState = 1;
	$("#restartBtn").show();
	$("#pauseBtn").show();
	if(saveState.hex !== undefined) gameState = 1;

	settings.blockHeight = settings.baseBlockHeight * settings.scale;
	settings.hexWidth = settings.baseHexWidth * settings.scale;
	MainHex = saveState.hex || new Hex(settings.hexWidth);
	if (saveState.hex) {
		MainHex.playThrough += 1;
	}
	MainHex.sideLength = settings.hexWidth;

	var i;
	var block;
	if(saveState.blocks) {
		saveState.blocks.map(function(o){
			if (rgbToHex[o.color]) {
				o.color = rgbToHex[o.color];
			}
		});

		for(i=0; i<saveState.blocks.length; i++) {
			block = saveState.blocks[i];
			blocks.push(block);
		}
	}
	else {
		blocks = [];
	}

	gdx = saveState.gdx || 0;
	gdy = saveState.gdy || 0;
	comboTime = saveState.comboTime || 0;

	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;
		}
	}

	MainHex.blocks.map(function(i){
		i.map(function(o){
			if (rgbToHex[o.color]) {
				o.color = rgbToHex[o.color];
			}
		});
	});

	MainHex.y = -100;

	startTime = Date.now();
	waveone = saveState.wavegen || new waveGen(MainHex,Date.now(),[1,1,0],[1,1],[1,1]);
	
	MainHex.texts = []; //clear texts
	MainHex.delay = 15;
	hideText();
}

function addNewBlock(blocklane, color, iter, distFromHex, settled) { //last two are optional parameters
	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;
	}
	blocks.push(new Block(blocklane, color, iter, distFromHex, settled));
}

function exportHistory() {
	$('#devtoolsText').html(JSON.stringify(history));
	toggleDevTools();
}

function setStartScreen() {
	$('#startBtn').show();
	init();
	if (isStateSaved()) {
		importing = 0;
	} else {
		importing = 1;
	}

	$('#pauseBtn').hide();
	$('#restartBtn').show();
	$('#startBtn').show();
	$('#attributions').show();
	showbottombar()

	gameState = 0;
	requestAnimFrame(animLoop);
}

function animLoop() {
	switch (gameState) {
		case 1:
			requestAnimFrame(animLoop);
			if (!MainHex.delay) {
				update();
			} else {
				MainHex.delay--;
			}
			render();
			if (checkGameOver() && !importing) {
				gameState = 2;
				setTimeout(function(){
					enableRestart();
				}, 150);

				if ($('#helpScreen').is(':visible')) {
					$('#helpScreen').fadeOut(150, "linear");
				}

				if ($('#pauseBtn').is(':visible')) $('#pauseBtn').fadeOut(150, "linear");
				if ($('#restartBtn').is(':visible')) $('#restartBtn').fadeOut(150, "linear");
				if (!$('.helpText').is(':visible')) $('.helpText').fadeIn(150, "linear");

				showbottombar();
				canRestart = 0;
				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;

		default:
			initialize();
			setStartScreen();
			break;
	}
}

function enableRestart() {
	canRestart = 1;
}

function updateHighScore(){
	for(var i = 0; i<numHighScores;i++) {
		if(highscores[i]<=score) {
			highscores.splice(i,0,score);
			highscores = highscores.slice(0,3);
			break;
		}
	}

	localStorage.setItem('highscores', highscores);
}

function isInfringing(hex){
	for(var i=0;i<hex.sides;i++){
		var subTotal=0;
		for (var j=0;j<hex.blocks[i].length;j++){
			subTotal+=hex.blocks[i][j].deleted;
		}

		if (hex.blocks[i].length- subTotal>settings.rows){
			return true;
		}
	}
	return false;
}

function checkGameOver() {
	for (var i = 0; i < MainHex.sides; i++) {
		if (isInfringing(MainHex)) {
			gameOverDisplay();
			return true;
		}
	}
	return false;
}

function showHelp(){
	if (gameState == 1) {
		pause();
	}

	$('#helpScreen').fadeToggle(150, "linear");
}