MemoryGame/game.js at master · mojcas/MemoryGame · 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

var Memory = (function () {
var r = {
images: [
'img/cats.jpg',
'img/cats2.jpg',
'img/cats3.jpg',
'img/cats4.jpg'
],
colors: ['#99b433', '#1e7145', '#ff0097', '#9f00a7', '#7e3878', '#603cba', '#1d1d1d', '#00aba9', '#eff4ff', '#2d89ef', '#2b5797', '#ffc40d', '#e3a21a', '#da532c', '#ee1111', '#b91d47'],
shuffle: function (array) { // http://stackoverflow.com/a/6274398
var counter = array.length,
temp = null,
index = 0;
// While there are elements in the array
while (counter > 0) {
// Pick a random index
index = Math.floor(Math.random() * counter);
// Decrease counter by 1
counter -= 1;
// And swap the last element with it
temp = array[counter];
array[counter] = array[index];
array[index] = temp;
}
return array;
},
resolvePair: function (activatedElms) {
var pair = [];
activatedElms.each(function (i, elm) {
elm = $(elm);
pair[i] = elm.data('url');
});
if (pair[0] === pair[1]) {
activatedElms.addClass('solved');
activatedElms.removeClass('activated');
confirm("I am so proud.");
} else {
activatedElms.addClass('failed');
setTimeout(function () {
activatedElms.removeClass('failed');
activatedElms.removeClass('activated');
if (myName.length > 0) {
confirm("You are on your own. Welcome.")
};
var sec = 0;
function pad ( val ) { return val > 9 ? val : "0" + val; }
setInterval( function(){
document.getElementById("seconds").innerHTML=pad(++sec%60);
document.getElementById("minutes").innerHTML=pad(parseInt(sec/60,10));
}, 1000);
var clicks = 0;
function onClick() {
clicks += 0.5;
document.getElementById("clicks").innerHTML = clicks;
};
}, 500);
}
},
handleResolving: function () {
$('#game').on('click', '.memory-element:not(.solved)', function () {
var elm = $(this),
activatedElms = [],
pair = [];
elm.addClass('activated');
activatedElms = $('.activated');
if (activatedElms.length === 1) {
// For the time being, do nothing
} else if (activatedElms.length > 1) {
r.resolvePair(activatedElms);
}
if ($('.solved').length === $('.memory-element').length) {
if (confirm('You did well, child. Come with me, let us play once more.')) {
$('.memory-element').remove();
r.draw();
}
}
});
},
draw: function () {
var game = $('#game'),
shuffledPairs = [];
shuffledColors = r.shuffle(r.colors);
$.each(r.images, function (i, imageUrl) {
var elm = '<div class="memory-element" data-url="' + imageUrl + '"><img width="150" height="150" src="' + imageUrl + '" alt="Am I the correct one?" /></div>';
shuffledPairs.push(elm);
shuffledPairs.push(elm);
});
$.each(r.shuffle(shuffledPairs), function (i, imageElm) {
imageElm = $(imageElm);
imageElm.css('background-color', '#092772');
game.append(imageElm);
});
}
},
u = {
initialize: function () {
r.draw();
r.handleResolving();
r.resolvePair();
}
};
return u;
}());
$(function () {
Memory.initialize();
});