balls.js

var animator = new BallAnimator([]);
var clicks = -1;
var time = 0;
var interval;
var gameActive = false;
var blackBallPossibility;
var blueBallsPossibility;
var blackBallThreshold;
var gameDifficultySpeed = 2; // defualt speed is Padawan
var numBalls = localStorage.getItem('numBalls');

var blueBallsEvent = $.Event('blueBalls');
console.log('numballs',numBalls);

function updateClicks() {
	if (gameActive) {
		clicks++;
		document.getElementById("clickCounter").innerHTML = clicks + "&#32clicks";
	}
}

function isBlackBalled() {
	return blackBallPossibility > 70;  //blackBallThreshold;
}

function gameIsOver() {
	return (animator.getBallsList()).length === 0;
}

function isBlueBalled() {
	return clicks >= blueBallsPossibility;
}
function monitorGame() {
	interval = setInterval(function() {
		// shoudld probably implement these as triggered event calls
		if (isBlackBalled()) {
			endGame("You got Black Balled. This really sucks. You'll be fine. Good bye.");
			clearInterval(interval);
			window.history.go(-1);
		} else if (gameIsOver()) {
			if (numBalls == 2) {
				var vM = document.getElementById("victoryMusic");
				vM.src = "./media/audio/balls.mp3"; 
				endGame("You've constrained the balls! If it wasn't for your quick clicking, these two low-riders would be free ballin' all day long. Score = "+getScore());
				vM.play();
			} else {
				var vM = document.getElementById("victoryMusic");
				vM.src = "./media/audio/icilawb.mp3"; 
				endGame("Wrecking Ball! Score = "+getScore());
				vM.play();
			}
			clearInterval(interval);
		} else if (isBlueBalled()) {
			animator.getBallsList().forEach(function(ball) {
				ball.getElement().trigger(blueBallsEvent);
			});
			setTimeout(function() {
				if (numBalls == 2) {
					endGame("Blue Balls! You've failed to capture these balls. You need both of them to win, remember, two balls of the same sack hang together.");
				} else {
					endGame("You got Blue Balled! Ouch, sorry :(");
				}
			},500);
			clearInterval(interval);
		} else {
			time += 1;
			$("#timer").text(time);
		}
	},0.01);
}

function add() {
	var d = $('<div></div>').attr('class','circle');
	d.click(function() {
		d.css('background','radial-gradient(circle at 100px 100px, #FF0000, #001)');
		setTimeout(function(){
			animator.setBallsList(animator.getBallsList().filter(function(ball) {
				return ball.getElement() !== d;
			}));
			d.remove();
		},10);
	});
	var b = new Ball(d);
	d.on('blueBalls', function() {
		console.log("blues");
		d.css('background','radial-gradient(circle at 100px 100px, #00f, #001)');
	});

	if (isBlackBalled()) {
		d.css('background', 'radial-gradient(circle at 100px 100px, #000, #001)');
	} else {
		d.css('background','radial-gradient(circle at 100px 100px, #eef, #001)');
	}
	setBallSpeed(b, gameDifficultySpeed);
	$("body").append(d);
	animator.addBall(b);
	return b;
}

function setGameDifficultyLevel(difficulty) {
	gameDifficultySpeed = difficulty;
}

function startGame() {
	document.getElementById("startButton").disabled = true;
	var vM = document.getElementById("victoryMusic"); vM.play(); vM.pause();
	blackBallPossibility = Math.floor(Math.random()*100);
	blueBallsPossibility = Math.floor(Math.random()*6)+1;
	blackBallThreshold = Math.floor(Math.random()*100);

	// this is not clean code, needs to be generalized for any numBalls
	if (numBalls == 2) {
		add();
		setTimeout(function() {
			add();
			gameActive = true;
			monitorGame();
		},300);
	} else {
		add();
		gameActive = true;
		monitorGame();
	}
}

function getScore() {
	var c = clicks;
	console.log(clicks);
	if (clicks === -1) c = 0;
	return time + ((clicks) * 100);
}

function endGame(message) {
	animator.stopAnimating();
	clearClicks();
	clearTimer();
	gameActive = false;
	// var el = document.getElementById('ballBoard'); // not working?
	// el.removeAttribute('onclick');
	alert(message);
	animator.getBallsList().forEach(function(ball) {
		ball.getElement().remove();
		delete ball;
	})
	document.getElementById("startButton").disabled = false;
}

function clearClicks() {
	clicks = -1;
	document.getElementById("clickCounter").innerHTML = "0 clicks";
}

function clearTimer() {
	time = 0;
	$("#timer").text(time);
}

function setBallSpeed(ball, speed) {
	ball.speed = speed;
}

function ballInDropArea(ballList) {
	ballList.forEach(function(ball) {
		if (ball.getCurrentPosition().x < 350 && ball.getCurrentPosition().y < 350) {
			return true;
		}
	})
	return false;
}