simonGame/game.js at main · 159-ac/simonGame · 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
109

var buttonColours = ["green","red","yellow","blue"];

var gamePattern = [];
var userClickedPattern = [];

var started =false;
var level=0;

$(document).keyup(function() {
    if(!started) {
        // $("#level-title").text("Level "+level);

        nextSequence();
        started=true;
    }


        // var inp=this.value;
        // console.log(inp);
        // if(inp == 1 || inp == 2 || inp == 3 || inp == 4 )
        // {
        //     var userChosenColour = buttonColours[inp-1];
        //     console.log(userChosenColour);
        // }

});

$(".btn").click(function () {

    var userChosenColour = $(this).attr("id");
    userClickedPattern.push(userChosenColour);

    playSound(userChosenColour);
    animatePress(userChosenColour);

    checkAnswer(userClickedPattern.length-1);
});


function checkAnswer(currentLevel){
    if(gamePattern[currentLevel] === userClickedPattern[currentLevel])
    {
        console.log(gamePattern[currentLevel]+" "+userClickedPattern[currentLevel])

        console.log("success");
        if(userClickedPattern.length===gamePattern.length){

            setTimeout(function () {
                nextSequence();
            },1000);
        }
    }
    else
    {
        console.log("wrong");
        playSound("wrong");

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

        $("#level-title").text("Game Over");
        $(".container").addClass("vis");
        $(".restart").removeClass("vis");

        startOver();
    }

}

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

function nextSequence(){

    userClickedPattern=[];

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

    var randomNumber= Math.floor(Math.random() *4);
    var randomChosenColour = buttonColours[randomNumber];
    gamePattern.push(randomChosenColour);

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

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

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

function refreshPage(){
    window.location.reload();
}