Simon-Game/game.js at main · enterayush/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
89
90
91
92
93
94
var buttonColors=["red","blue","green","yellow"];
var userClickedPattern =[];
var gamePattern =[];
var started = false;
var level = 0;

console.log(gamePattern);

function nextSequence() {
    userClickedPattern = [];

    level++;
    $("#level-title").text("Level "+level);

    var randomNumber=  Math.floor((Math.random()*4));

    var randomChosenColor= buttonColors[randomNumber];

    gamePattern.push(randomChosenColor);

    $("#"+randomChosenColor).fadeIn(100).fadeOut(100).fadeIn(100);
    playSound(randomChosenColor);

};

function playSound(name) {
    var audio = new Audio("sounds/"+name+".mp3");
    audio.play();
}

function animatePress (cureentColor) {
    $("#"+cureentColor).addClass("pressed");

    setTimeout(function () {
        $("#"+cureentColor).removeClass("pressed");
    }, 100)

}

function checkAnswer(currentLevel){
    if (gamePattern[currentLevel] === userClickedPattern[currentLevel]) {

        console.log("success");

        if (userClickedPattern.length === gamePattern.length){

          setTimeout(function () {
            nextSequence();
          }, 1000);

        }

      } else {
        $("body").addClass("game-over");

        var wrong_audio = new Audio("sounds/wrong.mp3");
        wrong_audio.play();

        setTimeout(function () {
            $("body").removeClass("game-over");
        }, 200)

        $("#level-title").text("Game Over, Press Any Key to Restart");

        startOver();

        console.log("wrong");

      }
};

function startOver() {
    level=0;
    gamePattern =[];
    started = false;

}

$(".btn").click(function (event) {
    var userChosen= this.id;
    userClickedPattern.push(userChosen);
    playSound(userChosen);
    animatePress(userChosen);
    checkAnswer(userClickedPattern.length-1);
});

$(document).keypress(function () {
    if (!started) {
        $("#level-title").text("Level "+level);
        nextSequence();
        started = true;
    }

});