diff options
Diffstat (limited to 'examples/Conozco-Uruguay/js/lesson.js')
-rwxr-xr-x | examples/Conozco-Uruguay/js/lesson.js | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/examples/Conozco-Uruguay/js/lesson.js b/examples/Conozco-Uruguay/js/lesson.js new file mode 100755 index 0000000..9a15a4d --- /dev/null +++ b/examples/Conozco-Uruguay/js/lesson.js @@ -0,0 +1,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); + }); +}); + + + + + +
\ No newline at end of file |