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
|
$(document).ready(function(){
var DEFAULT_SIZE_X = 786;
var DEFAULT_SIZE_Y = 900;
//stupid hack, find out how to calc the diff between image and top
// of webpage
var OFFSET = 8;
var g = game();
var k = $.karma({container: "#karma-main"})
k.init({
images : [
{name : "background", file : "fondo.png", localized : false },
{name : "capital", file : "capital.png" , localized : false},
{name : "lines", file : "deptosLineas.png", localized: false}
]
});
k.main(function() {
var paper = Raphael("mycanvas",DEFAULT_SIZE_X,DEFAULT_SIZE_Y);
var g = game(paper,k.library.images["capital"].src);
var q = g.newquestion();
document.getElementById('question').innerHTML = q.getPhrase;
var clicked = function(event){
var x = event.clientX + document.documentElement.scrollLeft - OFFSET;
var y = event.clientY + document.documentElement.scrollTop - OFFSET;
var ans = g.isAnswerp(x, y);
if (ans) {
g.draw();
q = g.newquestion();
}
document.getElementById('question').innerHTML = q.getPhrase;
}
var draw = function() {
paper.image(k.library.images["background"].src,0,0,DEFAULT_SIZE_X,DEFAULT_SIZE_Y);
var i = paper.image(k.library.images["lines"].src,0,0,DEFAULT_SIZE_X,DEFAULT_SIZE_Y);
g.draw();
}
document.getElementById('mycanvas').addEventListener('click', clicked, false);
document.getElementById('start').
addEventListener('click', draw, false);
});
});
|