simon-game/game.js at master · knvgarg/simon-game · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
var gamePattern = [];
var userClickedPattern = [];
var buttonColors = ["red", "blue", "green", "yellow"];

function playSound(name) {
	var audio = new Audio("sounds/" + name + ".mp3");
	audio.play();
}
function animatePress(currentColor) {
	$("#" + currentColor).addClass("pressed");
	setTimeout(function () {
		$("#" + currentColor).removeClass("pressed");
	}, 100);
}

var level = 0;
var flag = false;
function nextSequence() {
	userClickedPattern = [];
	var randomNumber = Math.floor(Math.random() * 4);
	var randomChoosenColor = buttonColors[randomNumber];
	gamePattern.push(randomChoosenColor);
	$("#" + randomChoosenColor)
		.fadeOut(100)
		.fadeIn(100);
	playSound(randomChoosenColor);
	$("#level-title").text("Level " + level);
	level++;
}
$(this).keypress(function () {
	if (!flag) {
		$("#level-tilte").text("Level " + level);
		level++;
		nextSequence();
		flag = true;
		flag2 = true;
	}
});
var flag2 = false;
$(this).click(function () {
	if (!flag2) {
		$("#level-tilte").text("Level " + level);
		level++;
		nextSequence();
		flag2 = true;
		flag = true;
	}
});

$(".btn").click(function () {
	if (flag2) {
		var userChoosenColor = $(this).attr("id");
		userClickedPattern.push(userChoosenColor);
		playSound(userChoosenColor);
		$("#" + userChoosenColor)
			.fadeOut(100)
			.fadeIn(100);
		animatePress(userChoosenColor);
		checkAnswer(userClickedPattern.length - 1);
	}
});

function startOver() {
	level = 0;
	gamePattern = [];
	flag = false;
	setTimeout(function () {
		flag2 = false;
	}, 1000);
}

function checkAnswer(curretLevel) {
	if (gamePattern[curretLevel] === userClickedPattern[curretLevel]) {
		if (userClickedPattern.length == gamePattern.length) {
			setTimeout(function () {
				nextSequence();
			}, 1000);
		}
	} else {
		playSound("wrong");
		$("body").addClass("game-over");
		setTimeout(function () {
			$("body").removeClass("game-over");
		}, 200);
		$("h1").text("Game Over, Press Any Key to Restart");
		startOver();
	}
}