-
Notifications
You must be signed in to change notification settings - Fork 0
/
game.js
96 lines (75 loc) · 1.95 KB
/
game.js
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
89
90
91
92
93
94
95
96
let buttonColours =['red','green','blue','yellow'];
let gamePattern =[];
let userClickedPattern =[];
var newLevel = 0;
var started = false;
// detect click
$(".btn").click(function(){
userChosenColor = $(this).attr('id');
userClickedPattern.push(userChosenColor);
animatePress(userChosenColor);
playSound(userChosenColor);
console.log("user\t",userClickedPattern);
console.log(userClickedPattern.length-1)
debugger;
checkAnswer(userClickedPattern.length-1);
})
// function to genrate next Sequence
function nextSequence(){
userClickedPattern=[]
var randomNumber = Math.floor(Math.random()*4)
var randomChoosenColor = buttonColours[randomNumber];
gamePattern.push(randomChoosenColor);
console.log("game\t",gamePattern);
$("#"+randomChoosenColor).animate().fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);
playSound(randomChoosenColor);
console.log(newLevel);
$("h1").text("Level "+newLevel);
newLevel++;
}
//function to animate press
function animatePress(currentColor){
var activeButton=$("#"+currentColor);
activeButton.addClass("pressed");
setTimeout(function(){
activeButton.removeClass("pressed")
},100);
}
// function to play sound
function playSound(name){
var audio = new Audio("sounds/"+name+".mp3");
audio.play();
}
//function to check answer
function checkAnswer(currentLevel){
if (userClickedPattern[currentLevel] === gamePattern[currentLevel]){
console.log("success")
if (userClickedPattern.length === gamePattern.length){
setTimeout(function(){
nextSequence()
},1000);
}
}
else{
gameOver();
}
}
// function for reseting game
function gameOver(){
playSound("wrong");
$('body').addClass("game-over");
setTimeout(function(){
$('body').removeClass("game-over")
},200);
$("h1").text("Game Over, Press Any Key to Restart");
newLevel =0;
gamePattern=[];
started=false;
}
$(document).keypress(function(event) {
if(!started){
nextSequence();
}
started = true;
});
//