diff options
| author | root <bryan@olenepal.org> | 2009-09-03 11:36:37 (GMT) |
|---|---|---|
| committer | root <bryan@olenepal.org> | 2009-09-03 11:36:37 (GMT) |
| commit | 31a73aea84a6687c64c7f9dfa6638e8a758b4a65 (patch) | |
| tree | aecaf69a807444e5117a9a786fac238d03755f6e | |
| parent | 02d3495c3d6bdaf281aeea86d0f4121c9d5b4f1a (diff) | |
got rid back up files created by emacs, changed lesson1.js to lesson.js
| -rwxr-xr-x | examples/adding_up_to_10/index1.html.~1~ | 26 | ||||
| -rwxr-xr-x | examples/adding_up_to_10/index_old.html | 26 | ||||
| -rw-r--r-- | examples/adding_up_to_10/js/index1.js | 31 | ||||
| -rw-r--r-- | examples/adding_up_to_10/js/index1.js.~1~ | 28 | ||||
| -rw-r--r--[-rwxr-xr-x] | examples/adding_up_to_10/js/lesson.js | 225 | ||||
| -rw-r--r-- | examples/adding_up_to_10/js/lesson1.js | 194 | ||||
| -rw-r--r-- | examples/adding_up_to_10/js/lesson1.js.~1~ | 155 | ||||
| -rwxr-xr-x | examples/adding_up_to_10/js/lesson_multiple.js | 31 | ||||
| -rwxr-xr-x | examples/adding_up_to_10/js/mytest.js | 52 |
9 files changed, 132 insertions, 636 deletions
diff --git a/examples/adding_up_to_10/index1.html.~1~ b/examples/adding_up_to_10/index1.html.~1~ deleted file mode 100755 index f2acdf1..0000000 --- a/examples/adding_up_to_10/index1.html.~1~ +++ /dev/null @@ -1,26 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" -"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -<html lang="en"> - -<head> - <title>Karma - Adding Up to 10</title> - <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal"> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> - - <link type="image/ico" rel="icon" href="../../assets/default/images/favicon.ico" /> - - <link type="text/css" rel="stylesheet" href="../../css/karma.css" /> - <link type="text/css" rel="stylesheet" href="css/lesson.css" /> - - <script type="text/javascript" src="../../js/jquery-1.3.2.min.js"></script> - <script type="text/javascript" src="../../js/karma.Gettext.js"></script> - <script type="text/javascript" src="../../js/jquery.karma-0.3.js"></script> - <script type="text/javascript" src="js/lesson.js"></script> - -</head> - -<body> - <div id="karma-main" > </div> -</body> - -</html> diff --git a/examples/adding_up_to_10/index_old.html b/examples/adding_up_to_10/index_old.html deleted file mode 100755 index f2acdf1..0000000 --- a/examples/adding_up_to_10/index_old.html +++ /dev/null @@ -1,26 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" -"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -<html lang="en"> - -<head> - <title>Karma - Adding Up to 10</title> - <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal"> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> - - <link type="image/ico" rel="icon" href="../../assets/default/images/favicon.ico" /> - - <link type="text/css" rel="stylesheet" href="../../css/karma.css" /> - <link type="text/css" rel="stylesheet" href="css/lesson.css" /> - - <script type="text/javascript" src="../../js/jquery-1.3.2.min.js"></script> - <script type="text/javascript" src="../../js/karma.Gettext.js"></script> - <script type="text/javascript" src="../../js/jquery.karma-0.3.js"></script> - <script type="text/javascript" src="js/lesson.js"></script> - -</head> - -<body> - <div id="karma-main" > </div> -</body> - -</html> diff --git a/examples/adding_up_to_10/js/index1.js b/examples/adding_up_to_10/js/index1.js deleted file mode 100644 index f7b81dd..0000000 --- a/examples/adding_up_to_10/js/index1.js +++ /dev/null @@ -1,31 +0,0 @@ -$(document).ready(function () { - var k = $.karma({container: "#karma-main"}); - - //k.size(200,200); - - k.init({images: [ - {id: "ball", file: "ball.png", localized : false }, - {id: "ballon", file: "ballon.png", localized : false }, - {id: "banana", file: "banana.png", localized : false }, - {id: "chilli", file: "chilli.png", localized : false }, - {id: "fish" , file: "fish.png", localized : false }, - {id: "flower", file: "flower.png", localized : false } - ], sounds: [ - {id: "correct", file: "correct.ogg" }, - {id: "incorrect",file: "incorrect.ogg" }] - }); - - k.main(function() { - var imgNames = ["ball", "balloon", "banana", "chilli", "fish", "flower" ]; - var canvases = ["leftBox", "rightBox", "bottomLeftBox", "bottomMiddleBox", - "bottomRightBox", "timer", "scorebox", "monkey"]; - - var leftCanvas = document.getElementById('left'); - var ltCtx = leftCanvas.getContext('2d'); - - k.library.images["flower"].draw(ltCtx, 20, 30); - - }); - -}); - diff --git a/examples/adding_up_to_10/js/index1.js.~1~ b/examples/adding_up_to_10/js/index1.js.~1~ deleted file mode 100644 index 09d7d05..0000000 --- a/examples/adding_up_to_10/js/index1.js.~1~ +++ /dev/null @@ -1,28 +0,0 @@ -$(document).ready(function () { - var k = $.karma({container: "#karma-main"}); - - //k.size(200,200); - - k.init({images: [ - {id: "ball", file: "ball.png", localized : false }, - {id: "ballon", file: "ballon.png", localized : false }, - {id: "banana", file: "banana.png", localized : false }, - {id: "chilli", file: "chilli.png", localized : false }, - {id: "fish" , file: "fish.png", localized : false }, - {id: "flower", file: "flower.png", localized : false } - ], sounds: [ - {id: "correct", file: "correct.ogg" }, - {id: "incorrect",file: "incorrect.ogg" }] - }); - - var imgNames = ["ball", "balloon", "banana", "chilli", "fish", "flower" ]; - var canvases = ["leftBox", "rightBox", "bottomLeftBox", "bottomMiddleBox", - "bottomRightBox", "timer", "scorebox", "monkey"]; - - var leftCanvas = document.getElementById('left'); - var ltCtx = leftCanvas.getContext('2d'); - - k.library.images[""].draw(20, 30); - -}); - diff --git a/examples/adding_up_to_10/js/lesson.js b/examples/adding_up_to_10/js/lesson.js index 6c09bca..f7c39fd 100755..100644 --- a/examples/adding_up_to_10/js/lesson.js +++ b/examples/adding_up_to_10/js/lesson.js @@ -1,40 +1,63 @@ $(document).ready(function(){ var k = $.karma ({container: "#karma-main"/*, lang: "es-MX"*/}); -k.size(1200, 800); -k.init({ + k.init({ images: [ - {id: "ball", file: "ball.png", localized : false }, - {id: "ballon", file: "ballon.png", localized : false }, - {id: "banana", file: "banana.png", localized : false }, - {id: "chilli", file: "chilli.png", localized : false }, - {id: "fish" , file: "fish.png", localized : false }, + {id: "ball", file: "ball.png", localized : false }, + {id: "ballon", file: "ballon.png", localized : false }, + {id: "banana", file: "banana.png", localized : false }, + {id: "chilli", file: "chilli.png", localized : false }, + {id: "fish" , file: "fish.png", localized : false }, {id: "flower", file: "flower.png", localized : false }, - {id: "plussign", file: "plussign.png", localized : false }, {id: "happyMonkey", file: "happyMonkey.jpg", localized : false }, {id: "scorebox", file: "scorebox.png", localized : false } ] , sounds: [ - {id: "correct", file: "correct.ogg" }, - {id: "incorrect",file: "incorrect.ogg" } + {id: "correct", file: "correct.ogg" }, + {id: "incorrect",file: "incorrect.ogg" } ] -}); -k.main(function() { - //alert(gk.paths.sounds.localized); + }); + + k.main(function() { + var topLtCanvas = document.getElementById("topLtCanvas") + var topLtCtx = topLtCanvas.getContext('2d'); + var topRtCanvas = document.getElementById("topRtCanvas") + var topRtCtx = topRtCanvas.getContext('2d'); + + var bottomLtCanvas = document.getElementById("bottomLtCanvas") + var bottomLtCtx = bottomLtCanvas.getContext('2d'); + var bottomMdCanvas = document.getElementById("bottomMdCanvas") + var bottomMdCtx = bottomMdCanvas.getContext('2d'); + var bottomRtCanvas = document.getElementById("bottomRtCanvas") + var bottomRtCtx = bottomRtCanvas.getContext('2d'); + + + + var actionContexts = [ topLtCtx, topRtCtx, bottomLtCtx, bottomMdCtx, bottomRtCtx]; + var actionCanvases = [ topLtCanvas, topRtCanvas, bottomLtCanvas, bottomMdCanvas, bottomRtCanvas]; + + // for (var i = 0; i < contexts.length; i++) { + // + // k.library.images["ball"].draw(contexts[i], 20, 30); + // } + + + + var imgNames = ["ball", "ballon", "banana", "chilli", "fish", "flower" ]; //game logic var total, level=0, time, n0, n1, correct; - var maskd=252; - var d=200; + var maskd=200; + var d=140; var choices=[]; - var score = 0; - var startTimerY = 105; - var endTimerY = 205; - var offsetTimerY = 20; - var timerId; + var score = 0; + var startTimerY = 105; + var endTimerY = 205; + var offsetTimerY = 20; + var timerId; - var timerFn = function () { + /* var timerFn = function () { //gk.ctx.fillStyle = "#000"; //gk.ctx.fillRect(1000, startTimerY, 175, 20); if ( startTimerY === endTimerY ){ @@ -63,93 +86,109 @@ k.main(function() { timerId = setInterval (timerFn, 500); }; +*/ function game () { - gk.ctx.clearRect(0,0,1200,800); - total = k.math.rand( 3, 9 ); //the total - n0 = total - k.math.rand(1, total - 1 ); //first number - n1 = total - n0; //second number + // $.each(actionCanvases, function () { + // this.setAttribute("width", "100%");}); + $.each(actionContexts, function () { + this.clearRect(0, 0, 200, 200); + this.fillStyle = "#fff"; + // what does the following do? + // this.fillRect(1000, startTimerY, 175, 20); + }); - gk.ctx.fillStyle = "#fff"; - gk.ctx.fillRect(1000, startTimerY, 175, 20); + total = k.math.rand( 3, 9 ); //the total + n0 = total - k.math.rand(1, total - 1 ); //first number + n1 = total - n0; //second number - for (var i=0; i<3; i++) { + + + for (var i=0; i<3; i++) { choices[ i ] = k.math.rand( 3, 9 ); // generate the 3 options - } - //chose one option (the correct option) and then put the correct value into it - correct = k.math.rand( 0, 2 ); - choices[ correct ] = total; - var imgId = imgNames[ level ] ; - - // add plus sign, the scorebox, and the happy monkey - k.library.images["plussign"].draw(460,200); - k.library.images["happyMonkey"].draw(1000,600); - gk.ctx.font = "bold 100px sans-serif"; - gk.ctx.textBaseline = "middle"; - gk.ctx.fillText("" + score, 1050, 460); - - var card = function ( n, minx, miny, d ) { - gk.ctx.save(); + } + //chose one option (the correct option) and then put the correct value into it + correct = k.math.rand( 0, 2 ); + choices[ correct ] = total; + var imgId = imgNames[ level ] ; + + //k.library.images["ball"].draw(bottomLtCtx, 20, 30); + // add happy monkey + // k.library.images["happyMonkey"].draw(1000,600); + // gk.ctx.font = "bold 100px sans-serif"; + // gk.ctx.textBaseline = "middle"; + // gk.ctx.fillText("" + score, 1050, 460); + + + var card = function (ctx, n, minx, miny, d ) { + ctx.save(); var r = k.rectangle({x:minx, y:miny, width:maskd, height:maskd, - stroke:false,fill:false}).draw(); - + stroke:false,fill:false}).draw(ctx); + //do the clip - gk.ctx.clip(); + ctx.clip(); var pos = []; var x, y, flag; + + pos.push( { "x":x, "y": y } ); + k.library.images[ imgId ].draw(ctx, x, y ) + for (var i=0; i<n; i++) { - do { - flag = false; - x = minx + k.math.rand( 0, d ); - y = miny + k.math.rand( 0, d ); - for ( var j=0; j<pos.length; j++) { - if ( k.geometry.distance2( pos[j], {"x": x, "y": y} ) - < 0 ) { - flag = false; - break; - } - } - - }while ( flag === true ); - pos.push( { "x":x, "y": y } ); - k.library.images[ imgId ].draw( x, y ) + do { + flag = false; + x = k.math.rand( 0, d ); + y = k.math.rand( 0, d ); + for ( var j=0; j<pos.length; j++) { + if ( k.geometry.distance2( pos[j], {"x": x, "y": y} ) + < 80 ) { + flag = true; + break; + } + } + + }while ( flag === true ); + pos.push( { "x":x, "y": y } ); + k.library.images[ imgId ].draw(ctx, x, y ) } + + + + ctx.restore(); + } + //put the cards - - - gk.ctx.restore(); - } - //put the cards - - card( n0 , 165, 100, d); - card( n1 , 550, 100, d); - card( choices[ 0 ] , 65, 480, d); - card( choices[ 1 ] , 360, 480, d); - card( choices[ 2 ] , 650, 480, d); - if (!timerId){ - timerId = setInterval (timerFn, 500); - } else { clearInterval(timerId); resetTimer();} - } + card(topLtCtx, n0 , 0, 0, d); + card(topRtCtx, n1 , 0, 0, d); + card(bottomLtCtx, choices[ 0 ] , 0, 0, d); + card(bottomMdCtx, choices[ 1 ] , 0, 0, d); + card(bottomRtCtx, choices[ 2 ] , 0, 0, d); + // if (!timerId){ + // timerId = setInterval (timerFn, 500); + // } else { clearInterval(timerId); resetTimer();} + + } - game(); //put the buttons var buttons=[]; - buttons[ 0 ] = k.button({id: 0, x:65, y:480, width:maskd, height: maskd}); - buttons[ 1 ] = k.button({id: 1, x:360, y:480, width:maskd, height: maskd}); - buttons[ 2 ] = k.button({id: 2, x:650, y:480, width:maskd, height: maskd}); - buttons[0].onClick = buttons[1].onClick = buttons[2].onClick = function() { - if ( choices[ this.id ] === total){ - score = score + 1; - k.library.sounds[ "correct" ].play(); - level = (level+1)% imgNames.length; - game(); - }else { - k.library.sounds[ "incorrect" ].play(); - game(); - } - } + buttons[ 0 ] = { "canvas": bottomLtCanvas, "id": 0}; + buttons[ 1 ] = { "canvas": bottomMdCanvas, "id": 1}; + buttons[ 2 ] = { "canvas": bottomRtCanvas, "id": 2}; + $.each(buttons, function() { + this["canvas"].addEventListener('click', function() { + if ( choices[ this["id"] ] === total){ + score = score + 1; + k.library.sounds[ "correct" ].play(); + level = (level+1)% imgNames.length; + game(); + }else { + k.library.sounds[ "incorrect" ].play(); + game(); + } + }, true);}); - -}); + game(); + + }); + });
\ No newline at end of file diff --git a/examples/adding_up_to_10/js/lesson1.js b/examples/adding_up_to_10/js/lesson1.js deleted file mode 100644 index 57397f5..0000000 --- a/examples/adding_up_to_10/js/lesson1.js +++ /dev/null @@ -1,194 +0,0 @@ -$(document).ready(function(){ - -var k = $.karma ({container: "#karma-main"/*, lang: "es-MX"*/}); - k.init({ - images: [ - {id: "ball", file: "ball.png", localized : false }, - {id: "ballon", file: "ballon.png", localized : false }, - {id: "banana", file: "banana.png", localized : false }, - {id: "chilli", file: "chilli.png", localized : false }, - {id: "fish" , file: "fish.png", localized : false }, - {id: "flower", file: "flower.png", localized : false }, - {id: "happyMonkey", file: "happyMonkey.jpg", localized : false }, - {id: "scorebox", file: "scorebox.png", localized : false } - ] - , - sounds: [ - {id: "correct", file: "correct.ogg" }, - {id: "incorrect",file: "incorrect.ogg" } - ] - }); - - k.main(function() { - var topLtCanvas = document.getElementById("topLtCanvas") - var topLtCtx = topLtCanvas.getContext('2d'); - var topRtCanvas = document.getElementById("topRtCanvas") - var topRtCtx = topRtCanvas.getContext('2d'); - - var bottomLtCanvas = document.getElementById("bottomLtCanvas") - var bottomLtCtx = bottomLtCanvas.getContext('2d'); - var bottomMdCanvas = document.getElementById("bottomMdCanvas") - var bottomMdCtx = bottomMdCanvas.getContext('2d'); - var bottomRtCanvas = document.getElementById("bottomRtCanvas") - var bottomRtCtx = bottomRtCanvas.getContext('2d'); - - - - var actionContexts = [ topLtCtx, topRtCtx, bottomLtCtx, bottomMdCtx, bottomRtCtx]; - var actionCanvases = [ topLtCanvas, topRtCanvas, bottomLtCanvas, bottomMdCanvas, bottomRtCanvas]; - - // for (var i = 0; i < contexts.length; i++) { - // - // k.library.images["ball"].draw(contexts[i], 20, 30); - // } - - - - - var imgNames = ["ball", "ballon", "banana", "chilli", "fish", "flower" ]; - //game logic - var total, level=0, time, n0, n1, correct; - var maskd=200; - var d=140; - var choices=[]; - var score = 0; - var startTimerY = 105; - var endTimerY = 205; - var offsetTimerY = 20; - var timerId; - - /* var timerFn = function () { - //gk.ctx.fillStyle = "#000"; - //gk.ctx.fillRect(1000, startTimerY, 175, 20); - if ( startTimerY === endTimerY ){ - //var audioElem = document.getElementById('correct'); - //audioElem.play(); - clearInterval(timerId) - score = score - 1; - //resetTimer(); - game(); - } - else { - gk.ctx.fillStyle = "#000"; - gk.ctx.fillRect(1000, startTimerY, 175, offsetTimerY); - gk.ctx.fillStyle = "#fff"; - startTimerY = startTimerY + offsetTimerY; - gk.ctx.fillRect(1000, startTimerY, 175, offsetTimerY); - } - }; - - var resetTimer = function () { - gk.ctx.fillStyle = "#000"; - gk.ctx.fillRect(1000, startTimerY, 175, offsetTimerY); - startTimerY = 105; - gk.ctx.fillStyle = "#fff"; - gk.ctx.fillRect(1000, startTimerY, 175, offsetTimerY); - timerId = setInterval (timerFn, 500); - }; - -*/ - - function game () { - // $.each(actionCanvases, function () { - // this.setAttribute("width", "100%");}); - $.each(actionContexts, function () { - this.clearRect(0, 0, 200, 200); - this.fillStyle = "#fff"; - // what does the following do? - // this.fillRect(1000, startTimerY, 175, 20); - }); - - total = k.math.rand( 3, 9 ); //the total - n0 = total - k.math.rand(1, total - 1 ); //first number - n1 = total - n0; //second number - - - - for (var i=0; i<3; i++) { - choices[ i ] = k.math.rand( 3, 9 ); // generate the 3 options - } - //chose one option (the correct option) and then put the correct value into it - correct = k.math.rand( 0, 2 ); - choices[ correct ] = total; - var imgId = imgNames[ level ] ; - - //k.library.images["ball"].draw(bottomLtCtx, 20, 30); - // add happy monkey - // k.library.images["happyMonkey"].draw(1000,600); - // gk.ctx.font = "bold 100px sans-serif"; - // gk.ctx.textBaseline = "middle"; - // gk.ctx.fillText("" + score, 1050, 460); - - - var card = function (ctx, n, minx, miny, d ) { - ctx.save(); - var r = k.rectangle({x:minx, y:miny, width:maskd, height:maskd, - stroke:false,fill:false}).draw(ctx); - - //do the clip - ctx.clip(); - var pos = []; - var x, y, flag; - - pos.push( { "x":x, "y": y } ); - k.library.images[ imgId ].draw(ctx, x, y ) - - for (var i=0; i<n; i++) { - do { - flag = false; - x = k.math.rand( 0, d ); - y = k.math.rand( 0, d ); - for ( var j=0; j<pos.length; j++) { - if ( k.geometry.distance2( pos[j], {"x": x, "y": y} ) - < 150 ) { - flag = true; - break; - } - } - - }while ( flag === true ); - pos.push( { "x":x, "y": y } ); - k.library.images[ imgId ].draw(ctx, x, y ) - } - - - - ctx.restore(); - } - //put the cards - - card(topLtCtx, n0 , 0, 0, d); - card(topRtCtx, n1 , 0, 0, d); - card(bottomLtCtx, choices[ 0 ] , 0, 0, d); - card(bottomMdCtx, choices[ 1 ] , 0, 0, d); - card(bottomRtCtx, choices[ 2 ] , 0, 0, d); - // if (!timerId){ - // timerId = setInterval (timerFn, 500); - // } else { clearInterval(timerId); resetTimer();} - - } - - //put the buttons - var buttons=[]; - buttons[ 0 ] = { "canvas": bottomLtCanvas, "id": 0}; - buttons[ 1 ] = { "canvas": bottomMdCanvas, "id": 1}; - buttons[ 2 ] = { "canvas": bottomRtCanvas, "id": 2}; - $.each(buttons, function() { - this["canvas"].addEventListener('click', function() { - if ( choices[ this["id"] ] === total){ - score = score + 1; - k.library.sounds[ "correct" ].play(); - level = (level+1)% imgNames.length; - game(); - }else { - k.library.sounds[ "incorrect" ].play(); - game(); - } - }, true);}); - - game(); - - }); - - -});
\ No newline at end of file diff --git a/examples/adding_up_to_10/js/lesson1.js.~1~ b/examples/adding_up_to_10/js/lesson1.js.~1~ deleted file mode 100644 index e2d34c2..0000000 --- a/examples/adding_up_to_10/js/lesson1.js.~1~ +++ /dev/null @@ -1,155 +0,0 @@ -$(document).ready(function(){ - -var k = $.karma ({container: "#karma-main"/*, lang: "es-MX"*/}); -k.size(1200, 800); -k.init({ - images: [ - {id: "ball", file: "ball.png", localized : false }, - {id: "ballon", file: "ballon.png", localized : false }, - {id: "banana", file: "banana.png", localized : false }, - {id: "chilli", file: "chilli.png", localized : false }, - {id: "fish" , file: "fish.png", localized : false }, - {id: "flower", file: "flower.png", localized : false }, - {id: "plussign", file: "plussign.png", localized : false }, - {id: "happyMonkey", file: "happyMonkey.jpg", localized : false }, - {id: "scorebox", file: "scorebox.png", localized : false } - ] - , - sounds: [ - {id: "correct", file: "correct.ogg" }, - {id: "incorrect",file: "incorrect.ogg" } - ] -}); -k.main(function() { - //alert(gk.paths.sounds.localized); - var imgNames = ["ball", "ballon", "banana", "chilli", "fish", "flower" ]; - //game logic - var total, level=0, time, n0, n1, correct; - var maskd=252; - var d=200; - var choices=[]; - var score = 0; - var startTimerY = 105; - var endTimerY = 205; - var offsetTimerY = 20; - var timerId; - - var timerFn = function () { - //gk.ctx.fillStyle = "#000"; - //gk.ctx.fillRect(1000, startTimerY, 175, 20); - if ( startTimerY === endTimerY ){ - //var audioElem = document.getElementById('correct'); - //audioElem.play(); - clearInterval(timerId) - score = score - 1; - //resetTimer(); - game(); - } - else { - gk.ctx.fillStyle = "#000"; - gk.ctx.fillRect(1000, startTimerY, 175, offsetTimerY); - gk.ctx.fillStyle = "#fff"; - startTimerY = startTimerY + offsetTimerY; - gk.ctx.fillRect(1000, startTimerY, 175, offsetTimerY); - } - }; - - var resetTimer = function () { - gk.ctx.fillStyle = "#000"; - gk.ctx.fillRect(1000, startTimerY, 175, offsetTimerY); - startTimerY = 105; - gk.ctx.fillStyle = "#fff"; - gk.ctx.fillRect(1000, startTimerY, 175, offsetTimerY); - timerId = setInterval (timerFn, 500); - }; - - - function game () { - gk.ctx.clearRect(0,0,1200,800); - total = k.math.rand( 3, 9 ); //the total - n0 = total - k.math.rand(1, total - 1 ); //first number - n1 = total - n0; //second number - - gk.ctx.fillStyle = "#fff"; - gk.ctx.fillRect(1000, startTimerY, 175, 20); - - for (var i=0; i<3; i++) { - choices[ i ] = k.math.rand( 3, 9 ); // generate the 3 options - } - //chose one option (the correct option) and then put the correct value into it - correct = k.math.rand( 0, 2 ); - choices[ correct ] = total; - var imgId = imgNames[ level ] ; - - // add plus sign, the scorebox, and the happy monkey - k.library.images["plussign"].draw(460,200); - k.library.images["happyMonkey"].draw(1000,600); - gk.ctx.font = "bold 100px sans-serif"; - gk.ctx.textBaseline = "middle"; - gk.ctx.fillText("" + score, 1050, 460); - - var card = function ( n, minx, miny, d ) { - gk.ctx.save(); - var r = k.rectangle({x:minx, y:miny, width:maskd, height:maskd, - stroke:false,fill:false}).draw(); - - //do the clip - gk.ctx.clip(); - var pos = []; - var x, y, flag; - for (var i=0; i<n; i++) { - do { - flag = false; - x = minx + k.math.rand( 0, d ); - y = miny + k.math.rand( 0, d ); - for ( var j=0; j<pos.length; j++) { - if ( k.geometry.distance2( pos[j], {"x": x, "y": y} ) - < 4000 ) { - flag = true; - break; - } - } - - }while ( flag === true ); - pos.push( { "x":x, "y": y } ); - k.library.images[ imgId ].draw( x, y ) - } - - - - gk.ctx.restore(); - } - //put the cards - - card( n0 , 165, 100, d); - card( n1 , 550, 100, d); - card( choices[ 0 ] , 65, 480, d); - card( choices[ 1 ] , 360, 480, d); - card( choices[ 2 ] , 650, 480, d); - if (!timerId){ - timerId = setInterval (timerFn, 500); - } else { clearInterval(timerId); resetTimer();} - } - - game(); - //put the buttons - var buttons=[]; - buttons[ 0 ] = k.button({id: 0, x:65, y:480, width:maskd, height: maskd}); - buttons[ 1 ] = k.button({id: 1, x:360, y:480, width:maskd, height: maskd}); - buttons[ 2 ] = k.button({id: 2, x:650, y:480, width:maskd, height: maskd}); - buttons[0].onClick = buttons[1].onClick = buttons[2].onClick = function() { - if ( choices[ this.id ] === total){ - score = score + 1; - k.library.sounds[ "correct" ].play(); - level = (level+1)% imgNames.length; - game(); - }else { - k.library.sounds[ "incorrect" ].play(); - game(); - } - } - - -}); - -});
\ No newline at end of file diff --git a/examples/adding_up_to_10/js/lesson_multiple.js b/examples/adding_up_to_10/js/lesson_multiple.js deleted file mode 100755 index 53972a5..0000000 --- a/examples/adding_up_to_10/js/lesson_multiple.js +++ /dev/null @@ -1,31 +0,0 @@ -$(document).ready(function(){ -var k = $.karma ({container: "#karma-main"}); -k.layer( {id:"card1", width:250, height:250} ), -k.layer( {id:"card2", width:250, height:250} ), -k.layer( {id:"card3", width:250, height:250} ) - -k.init({ - images: [ - {id: "ball", file: "ball.png", localized : false }, - {id: "ballon", file: "ballon.png", localized : false }, - {id: "banana", file: "banana.png", localized : false }, - {id: "chilli", file: "chilli.png", localized : false }, - {id: "fish" , file: "fish.png", localized : false }, - {id: "flower", file: "flower.png", localized : false }, - {id: "plussign", file: "plussign.png", localized : false }, - {id: "happyMonkey", file: "happyMonkey.jpg", localized : false }, - {id: "scorebox", file: "scorebox.png", localized : false } - ] - , - sounds: [ - {id: "correct", file: "correct.ogg" }, - {id: "incorrect",file: "incorrect.ogg" } - ] -}); -k.main(function() { - var [library, layers ] = [k.library, k.layers]; - library.images["ball"].draw( layers["card1"].ctx ); - library.images["ballon"].draw( layers["card2"].ctx ); - library.images["banana"].draw( layers["card3"].ctx ); -}); -});
\ No newline at end of file diff --git a/examples/adding_up_to_10/js/mytest.js b/examples/adding_up_to_10/js/mytest.js deleted file mode 100755 index 0600351..0000000 --- a/examples/adding_up_to_10/js/mytest.js +++ /dev/null @@ -1,52 +0,0 @@ -window.addEventListener('load', function() { - var actionTopLeftCanvas = document.getElementById('actionTopLeftCanvas'); - var atlCtx = actionTopLeftCanvas.getContext('2d'); - - var chimpCanvas = document.getElementById('chimpCanvas'); - var chimpCtx = chimpCanvas.getContext('2d'); - - - var ballImg = document.getElementById('ball'); - atlCtx.drawImage(ballImg, 0, 0); -// actionTopLeftCanvas.setAttribute('width', '100%'); - atlCtx.drawImage(ballImg, 77, 77); - - var chimpImg = document.getElementById('chimp'); - chimpCtx.drawImage(chimpImg, 0, 0); - chimpCanvas.setAttribute('width', '100%'); - - -/* var mainTopCanvas = document.getElementById('mainTopCanvas'); - var mainBottomCanvas = document.getElementById('mainBottomCanvas'); - var asideCanvas = document.getElementById('asideCanvas'); - - var tcCtx = mainTopCanvas.getContext('2d'); - var bcCtx = mainBottomCanvas.getContext('2d'); - var acCtx = asideCanvas.getContext('2d'); - var startY = 0; - - var logo = new Image(); - - logo.src = 'assets/generic/images/logo_w_name.png'; - logo.onload = function () {}; - - tcCtx.drawImage(logo, 0, 0, 0, 0); - tcCtx.drawImage(logo, 30, 60, 258, 80); - - - var timerFn = function () { - if (startY !== 0) { - tcCtx.clearRect(0, startY - 10,300,10); - } - tcCtx.fillRect(0, startY,300,10); - startY = startY + 10; - - }; - - var id = setInterval (timerFn, 1000); -*/ - - -}, false); - - |