game.js

function Game(Manipulator, dobads)
{
	this.hasBad = dobads;
	this.colors = ["red", "green", "yellow", "blue"];

	this.size = 4;
	this.levelLength = 10;
	this.manip = new Manipulator;
	
	this.setup();
	this.lastTick = Date.now();
	window.requestAnimationFrame(this.tick.bind(this));
};

removeFromArray = function(array, element)
{
	var index = array.indexOf(element);
	if (index > -1) 
	{
		array.splice(index, 1);
	}
};

randomArrayElement = function(array)
{
	return array[Math.floor(Math.random() * array.length)];
};

Game.prototype.tick = function()
{
	var time = Date.now();
	var dt = time - this.lastTick;
	this.lastTick = time;
	if (!this.isPaused)
	{
		if (this.hasLeft)
		{
			this.score -= this.droprate * (dt / 1000.0);
		}
	}
	if (this.score <= 0)
	{
		this.onGameEnd();
	}
	this.setStat("score", this.score);
	this.calculatePlayerStats();
	window.requestAnimationFrame(this.tick.bind(this));
};

Game.prototype.calculatePlayerStats = function()
{
	var bestscore = this.playerstats.getRawStat("best-score");
	var bestlevel = this.playerstats.getRawStat("best-level-level");
	var bestroom = this.playerstats.getRawStat("best-level-room");
	if (this.score > bestscore)
	{
		this.setPlayerStat("best-score", this.score);
	}
	var flag = false;
	if (this.level > bestlevel)
	{
		flag = true;
	}
	else if (this.level == bestlevel && this.room > bestroom)
	{
		flag = true;
	}
	if (flag)
	{
		this.setPlayerStat("best-level-level", this.level);
		this.setPlayerStat("best-level-room", this.room);
	}
};

Game.prototype.setStat = function(stat, val)
{
	this.stats.setGameStat(stat, val);
	this.manip.applyStat(this.stats, stat);
};

Game.prototype.setPlayerStat = function(stat, val)
{
	this.playerstats.setGameStat(stat, val);
	this.manip.applyStat(this.playerstats, stat);
};

Game.prototype.createRandomNormals = function()
{
	var cols = this.colors.slice(0);
	for (i = 0; i < this.size; i++)
	{
		var col = randomArrayElement(cols);
		removeFromArray(cols, col);
		var element = this.manip.addItem(col, i + 1, this.currentSide, [], "item");
		element.querySelector(".item-in").onmouseover = this.onMouseOverItemOption.bind(this, col, i + 1);
	}
};

Game.prototype.onRoomEnd = function(scorebonus, newpos, newside)
{
	this.setStat("total", this.made + this.missed);
	this.setStat("correct", this.made);
	this.setStat("streak", this.streak);
	var beststreak = this.playerstats.getRawStat("best-streak");
	if (this.streak > beststreak)
	{
		this.setPlayerStat("best-streak", this.streak);
	}
	this.score += scorebonus;
	this.manip.reset();
	this.room++;
	if (this.room == this.levelLength)
	{
		this.onLevelEnd();
	}
	this.savePlayerData()
	this.onRoomStart(newpos, newside);
};

Game.prototype.onRoomStart = function(newpos, newside)
{
	this.setStat("level-level", this.level);
	this.setStat("level-room", this.room);
	this.currentSide = newside;
	this.createRandomNormals();
	this.hasLeft = false;
	var add = [];
	this.currentColor = this.randomColor();
	if (this.room == this.currentBad && this.hasBad)
	{
		var element = this.manip.addItem(this.currentColor, newpos, 1 - newside, ["bad"], "item-made");
	}
	else
	{
		var element = this.manip.addItem(this.currentColor, newpos, 1 - newside, [], "item-made");
	}
	element.querySelector(".item-in").onmouseover = this.onMouseOverMade.bind(this, element);
	element.onmouseout = this.onMouseOutMade.bind(this, element, newpos);
	this.manip.addClass(element, "wait");
};

Game.prototype.onLevelEnd = function()
{
	this.level++;
	this.room = 0;
	this.droprate += 15;
	this.droprate *= 1.08;
	this.currentBad = Math.floor(Math.random() * this.levelLength);
};

Game.prototype.onMouseOverItemOption = function(color, pos)
{
	if (!this.isPaused)
	{
		if (this.hasLeft)
		{
			var bonus = 0;
			if ((this.room == this.currentBad) && this.hasBad)
			{
				if (color === this.currentColor)
				{
					bonus = -200;
					this.missed++;
					this.streak = 0;
				}
				else
				{
					bonus = 600;
					this.made++;
					this.streak++;
				}
			}
			else
			{
				if (color === this.currentColor)
				{
					bonus = 200;
					this.made++;
					this.streak++;
				}
				else
				{
					bonus = -100;
					this.missed++;
					this.streak = 0;
				}
			}
			this.onRoomEnd(bonus, pos, 1 - this.currentSide);
		}
	}
};

Game.prototype.onMouseOutMade = function(element)
{
	if (!this.isPaused)
	{
		if (this.manip.changeClass(element, "wait", "go"))
		{
			this.hasLeft = true;
		}
	}
};

Game.prototype.onMouseOverMade = function(element, pos)
{
	if (!this.isPaused)
	{
		
	}
};

Game.prototype.randomColor = function()
{
	return randomArrayElement(this.colors);
};

Game.prototype.closeAllMessages = function()
{
	this.manip.hideAllMessages();
	this.isPaused = false;
};

Game.prototype.closeMessage = function(message)
{
	this.manip.hideMessage(message);
	this.isPaused = false;
};

Game.prototype.openMessage = function(message)
{
	this.manip.showMessage(message);
	this.isPaused = true;
};

Game.prototype.onGameEnd = function()
{
	this.score = 0;
	this.openMessage("game-over");
};

Game.prototype.restart = function()
{
	this.gameStart();
};

Game.prototype.gameStart = function()
{
	if (this.stats)
	{
		delete this.stats;
	}
	this.stats = new GameStats();
	
	this.manip.reset();
	this.isPaused = true;
	this.currentSide = 0;
	this.currentColor = this.randomColor();
	this.currentBad = Math.floor(Math.random() * (this.levelLength - 1)) + 1;
	this.level = 0;
	this.room = 0;
	this.hasLeft = false;
	this.score = 500;
	this.droprate = 30;
	this.made = 0;
	this.missed = 0;
	this.streak = 0;
	
	for (i = 0; i < this.manip.restartButtons.length; i++)
	{
		this.manip.restartButtons[i].onmouseup = this.restart.bind(this);
	}
	
	this.stats.setGameStatMorpher("score", function(val) { return Math.floor(val); });
	
	this.setStat("level-level", this.level);
	this.setStat("level-room", this.room);
	this.setStat("total", 0);
	this.setStat("correct", 0);
	this.setStat("streak", 0);
	
	var element = this.manip.addItemInitial(this.currentColor, ["wait-full"]);
	element.querySelector(".item-in").onmouseover = (function() {this.manip.changeClass(element, "wait-full", "wait")}).bind(this);
	element.onmouseout = this.onMouseOutMade.bind(this, element);
	this.createRandomNormals();
	this.closeAllMessages();
};

Game.prototype.setup = function()
{
	this.playerstats = new GameStats();
	this.setPlayerStat("best-streak", 0);
	this.setPlayerStat("best-score", 0);
	this.setPlayerStat("best-level-level", 0);
	this.setPlayerStat("best-level-room", 0);
	var newdata = this.getSavedPlayerData();
	if (newdata)
	{
		this.playerstats.setStatsData(newdata);
	}
	this.playerstats.setGameStatMorpher("best-score", function(val) { return Math.floor(val); });
	this.gameStart();
	this.manip.applyStats(this.playerstats);
};

Game.prototype.getSavedPlayerData = function()
{
	try
	{
		var savedData = window.localStorage.getItem("playerStats");
		if (savedData)
		{
			var data = JSON.parse(savedData);
			if (data)
			{
				return data;
			}
		}
	}
	catch (error) 
	{
	}
};

Game.prototype.savePlayerData = function()
{
	var data = JSON.stringify(this.playerstats.gamestats);
	try 
	{
		window.localStorage.setItem("playerStats", data);
		return true;
	}
	catch (error) 
	{
		return false;
	}
};