Simon-Game/game.js at master · Yashkaran-3004/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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
let buttonColors = ["red", "blue", "green", "yellow"];
let gamePattern = [];
let userClickPattern = [];

var started = false;
var level = 0;

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

  }
});


/*function nextSequence() {
    userClickPattern = [];
    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);
  }*/


$('.btn').on("click", function(){

    let userChosenColor = $(this).attr("id");
    //console.log(userChosenColor);
    userClickPattern.push(userChosenColor);
    playSound(userChosenColor);
    animatePress(userChosenColor);
    checkAnswer(userClickPattern.length-1);

})


function playSound(name){
    let audio = new Audio(`./sounds/${name}.mp3`);
    audio.play();
}


function animatePress(currentColor){

    $(`#${currentColor}`).addClass('pressed');

    setTimeout( function(){
        $(`#${currentColor}`).removeClass('pressed');

    }, 100);


}


function checkAnswer(currentLevel){

    if(gamePattern[currentLevel]===userClickPattern[currentLevel]){
        if(gamePattern.length === userClickPattern.length){
            setTimeout(() => {
                nextSequence();

            }, 1000);
        }

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

        setTimeout(() => {
            $("body").removeClass("game-over");

        }, 200);
        $("h1").text("Game Over, Press Any Key to Restart");
        startOver();
    }

}

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

function nextSequence(){
    userClickPattern = [];
    level++;
    $("#level-title").text("Level " + level);


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

    var randomChosenColor =  buttonColors[randomNumber];
    gamePattern.push(randomChosenColor);

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