can now draw on all 5 boxes using karma plugin. However, using the distance2 on 137 causes an infinite loop. I have commented it out.

author: root <bryan@olenepal.org> 2009-09-03 08:49:05 (GMT)
committer: root <bryan@olenepal.org> 2009-09-03 08:49:05 (GMT)
commit: 04974121f96e3dfab2b7365051dfdb9a73f88d4d (patch)
tree: 87ca547774874140e177068b1cabcca6630edafb
parent: 52ece8d0c40d993fca8f8f51518de39895f4d196 (diff)
8 files changed, 469 insertions, 118 deletions
diff --git a/examples/adding_up_to_10/css/mytest.css b/examples/adding_up_to_10/css/mytest.css
index 3b69126..db60f36 100755
--- a/examples/adding_up_to_10/css/mytest.css
+++ b/examples/adding_up_to_10/css/mytest.css
@@ -27,20 +27,20 @@ width: 650px;
 height: 300px;
 position:relative;
 }
-#actionBottom {
+#bottom {
 clear:both;
 float:left;
 width: 650px;
 height: 300px;
 position:relative;
 }
-#actionTopLeft {
+#topLt {
 float:left;
 width: 300px;
 height: 300px;
 position:relative;
 }
-#actionTopMiddle {
+#topMd {
 -moz-background-clip:border;
 -moz-background-inline-policy:continuous;
 -moz-background-origin:padding;
@@ -50,13 +50,13 @@ width: 50px;
 height: 300px;
 position:relative;
 }
-#actionTopRight {
+#topRt {
 float:left;
 width: 300px;
 height:300px;
 position:relative;
 }
-#actionTopLeftBox {
+#topLtBox {
 -moz-background-clip:border;
 -moz-background-inline-policy:continuous;
 -moz-background-origin:padding;
@@ -67,7 +67,7 @@ left: 75px;
 position:absolute;
 top:50px;
 }
-#actionTopLeftCanvas {
+#topLtCanvas {
 -moz-background-clip:border;
 -moz-background-inline-policy:continuous;
 -moz-background-origin:padding;
@@ -82,7 +82,7 @@ margin-left: auto;
 margin-right: auto;
 margin-top: 150px;
 }
-#actionTopRightBox {
+#topRtBox {
 background: none none repeat scroll 0 0;
 width: 200px;
 height: 200px;
@@ -90,14 +90,14 @@ position:absolute;
 right: 50px;
 top: 50px;
 }
-#actionTopRightCanvas {
+#topRtCanvas {
 background:none none repeat scroll 0 0;
 position:absolute;
 right:50px;
 top:50px;
 }
 
-.actionBottom {
+.bottom {
 -moz-background-clip:border;
 -moz-background-inline-policy:continuous;
 -moz-background-origin:padding;
@@ -108,7 +108,7 @@ height: 300px;
 position:relative;
 }
 
-.actionBottomBox {
+.bottomBox {
     left:25px;
     position:absolute;
     width: 200px;
diff --git a/examples/adding_up_to_10/index.html b/examples/adding_up_to_10/index.html
index f2acdf1..0eb8c8d 100755
--- a/examples/adding_up_to_10/index.html
+++ b/examples/adding_up_to_10/index.html
@@ -1,26 +1,95 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!DOCTYPE html>
 <html lang="en">
-
 <head>
 	<title>Karma - Adding Up to 10</title>
-	<meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal">
+	<meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
+	<link type="text/css" rel="stylesheet" href="css/mytest.css" />
 	<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>
-   
+	<script type="text/javascript" src="../../js/jquery.karma.js"></script>
+	<script type="text/javascript" src="js/lesson1.js"></script>
+
+
+
 </head>
 
 <body>
-	<div id="karma-main" > </div>
+  <div id="main">
+    <div id="action">
+      <div id="actionTop">
+
+	<div id="topLt">
+	  <img id="topLtBox" src="assets/generic/images/yellowBox.png" alt="" class="actionTopSide" />
+	  <canvas id="topLtCanvas" width="200px" height="200px"></canvas>
+
+	</div>
+	<div id="topMd">
+	  <img id="plussign" src="assets/generic/images/plussign.png" alt=""/>
+	</div>
+	<div id="topRt" class="actionTopSide">
+	  <img id="topRtBox" src="assets/generic/images/yellowBox.png" alt=""/>
+	  <canvas id="topRtCanvas" width="200px" height="200px"></canvas>
+	</div>
+
+      </div>
+
+      <div id="bottom">
+	<!-- <canvas id="bottomCanvas"></canvas> -->
+	<div id="bottomLt" class="bottom">
+	  <img class="bottomBox" src="assets/generic/images/yellowBox.png" alt=""/>
+	  <canvas id="bottomLtCanvas" class="bottomBox" width="200px" height="200px"> </canvas>
+	</div>
+	<div id="bottomMd" class="bottom">
+	  <img class="bottomBox" src="assets/generic/images/yellowBox.png" alt=""/>
+	  <canvas id="bottomMdCanvas" class="bottomBox" width="200px" height="200px"> </canvas>
+	</div>
+	<div id="bottomRt" class="bottom">
+	  <img class="bottomBox" src="assets/generic/images/yellowBox.png" alt=""/>
+	  <canvas id="bottomRtCanvas" class="bottomBox" width="200px" height="200px"> </canvas>
+	</div>
+
+      </div>
+      
+    </div>
+    <div id="sidebar">
+      <div class="sidebarItem">
+	<img id="timer" src="assets/generic/images/scorebox.png" alt=""/>
+	<canvas id="timerCanvas" width="100" height="140" />
+	<img id="banana" src="assets/generic/images/banana.png" alt=""/>
+	<img id="ball" src="assets/generic/images/ball.png" alt=""/>
+      </div>
+      <div class="sidebarItem">
+	<img id="scorebox" src="assets/generic/images/scorebox.png" alt=""/>
+	<canvas id="scoreboxCanvas" width="100" height="140" />
+      </div>
+      <div class="sidebarItem">
+	<canvas id="chimpCanvas" width="120px" height="125px"> </canvas>
+	
+      </div>
+
+<img id="chimp" src="assets/generic/images/normalChimp_120x125.png" alt="" height="0px" width="0px"/>
+
+    </div>
+
+
+  </div>
+
+  <!--
+      <img id="actionTopLtBox" src="assets/generic/images/yellowBox.png" alt=""/>
+      <img id="actionTopRtBox" src="assets/generic/images/yellowBox.png" alt=""/>
+      <img id="bottomLtBox" src="assets/generic/images/yellowBox.png" alt=""/>
+      <img id="bottomMdBox" src="assets/generic/images/yellowBox.png" alt=""/>
+      <img id="bottomRtBox" src="assets/generic/images/yellowBox.png" alt=""/>
+      <img id="plussign" src="assets/generic/images/plussign.png" alt=""/>
+      <img id="timer" src="assets/generic/images/scorebox.png" alt=""/>
+      <img id="scorebox" src="assets/generic/images/scorebox.png" alt=""/>
+      <img id="chimp" src="assets/generic/images/normalChimp_200x209.png" alt=""/>
+      <img id="sidebar" src="assets/generic/images/sidebar.png" alt=""/>
+      <img id="chimp" src="assets/generic/images/normalChimp_200x209.png" alt=""/>
+      -->
+
 </body>
 
 </html>
diff --git a/examples/adding_up_to_10/index_old.html b/examples/adding_up_to_10/index_old.html
new file mode 100755
index 0000000..f2acdf1
--- /dev/null
+++ b/examples/adding_up_to_10/index_old.html
@@ -0,0 +1,26 @@
+<!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
index f4789b6..f7b81dd 100644
--- a/examples/adding_up_to_10/js/index1.js
+++ b/examples/adding_up_to_10/js/index1.js
@@ -1,6 +1,6 @@
 $(document).ready(function () {
     var k = $.karma({container: "#karma-main"});
-y
+
     //k.size(200,200);
 
     k.init({images: [
@@ -15,6 +15,7 @@ y
 	{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"];
@@ -22,7 +23,9 @@ y
     var leftCanvas = document.getElementById('left');
     var ltCtx = leftCanvas.getContext('2d');
 
-    k.library.images[""].draw(20, 30);
+	k.library.images["flower"].draw(ltCtx, 20, 30);
+	
+    });
 
 });
 
diff --git a/examples/adding_up_to_10/js/lesson.js b/examples/adding_up_to_10/js/lesson.js
index e2d34c2..6c09bca 100755
--- a/examples/adding_up_to_10/js/lesson.js
+++ b/examples/adding_up_to_10/js/lesson.js
@@ -104,8 +104,8 @@ k.main(function() {
 				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;
+					< 0 ) {
+						flag = false;
 						break;
 					}
 				}
diff --git a/examples/adding_up_to_10/js/lesson1.js b/examples/adding_up_to_10/js/lesson1.js
new file mode 100644
index 0000000..7115bf2
--- /dev/null
+++ b/examples/adding_up_to_10/js/lesson1.js
@@ -0,0 +1,189 @@
+$(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=180;
+	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.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;
+		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(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();}
+
+    }
+	
+	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/lesson1.js.~1~ b/examples/adding_up_to_10/js/lesson1.js.~1~
new file mode 100644
index 0000000..e2d34c2
--- /dev/null
+++ b/examples/adding_up_to_10/js/lesson1.js.~1~
@@ -0,0 +1,155 @@
+$(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/mytest.html b/examples/adding_up_to_10/mytest.html
deleted file mode 100755
index 51bd125..0000000
--- a/examples/adding_up_to_10/mytest.html
+++ /dev/null
@@ -1,91 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-	<title>Karma - Adding Up to 10</title>
-	<meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
-	<link type="text/css" rel="stylesheet" href="css/mytest.css" />
-	<script type="text/javascript" src="js/mytest.js"></script>
-
-
-
-</head>
-
-<body>
-  <div id="main">
-    <div id="action">
-      <div id="actionTop">
-
-	<div id="actionTopLeft">
-	  <img id="actionTopLeftBox" src="assets/generic/images/yellowBox.png" alt="" class="actionTopSide" />
-	  <canvas id="actionTopLeftCanvas" width="200px" height="200px"></canvas>
-
-	</div>
-	<div id="actionTopMiddle">
-	  <img id="plussign" src="assets/generic/images/plussign.png" alt=""/>
-	</div>
-	<div id="actionTopRight" class="actionTopSide">
-	  <img id="actionTopRightBox" src="assets/generic/images/yellowBox.png" alt=""/>
-	  <canvas id="actionTopRightCanvas" width="200px" height="200px"></canvas>
-	</div>
-
-      </div>
-
-      <div id="actionBottom">
-	<!-- <canvas id="actionBottomCanvas"></canvas> -->
-	<div id="actionBottomLeft" class="actionBottom">
-	  <img class="actionBottomBox" src="assets/generic/images/yellowBox.png" alt=""/>
-	  <canvas id="actionBottomLeftCanvas" class="actionBottomBox" width="200px" height="200px"> </canvas>
-	</div>
-	<div id="actionBottomMiddle" class="actionBottom">
-	  <img class="actionBottomBox" src="assets/generic/images/yellowBox.png" alt=""/>
-	  <canvas id="actionBottomMiddleCanvas" class="actionBottomBox" width="200px" height="200px"> </canvas>
-	</div>
-	<div id="actionBottomRight" class="actionBottom">
-	  <img class="actionBottomBox" src="assets/generic/images/yellowBox.png" alt=""/>
-	  <canvas id="actionBottomRightCanvas" class="actionBottomBox" width="200px" height="200px"> </canvas>
-	</div>
-
-      </div>
-      
-    </div>
-    <div id="sidebar">
-      <div class="sidebarItem">
-	<img id="timer" src="assets/generic/images/scorebox.png" alt=""/>
-	<canvas id="timerCanvas" width="100" height="140" />
-	<img id="banana" src="assets/generic/images/banana.png" alt=""/>
-	<img id="ball" src="assets/generic/images/ball.png" alt=""/>
-      </div>
-      <div class="sidebarItem">
-	<img id="scorebox" src="assets/generic/images/scorebox.png" alt=""/>
-	<canvas id="scoreboxCanvas" width="100" height="140" />
-      </div>
-      <div class="sidebarItem">
-	<canvas id="chimpCanvas" width="120px" height="125px"> </canvas>
-	
-      </div>
-
-<img id="chimp" src="assets/generic/images/normalChimp_120x125.png" alt="" height="0px" width="0px"/>
-
-    </div>
-
-
-  </div>
-
-  <!--
-      <img id="actionTopLeftBox" src="assets/generic/images/yellowBox.png" alt=""/>
-      <img id="actionTopRightBox" src="assets/generic/images/yellowBox.png" alt=""/>
-      <img id="actionBottomLeftBox" src="assets/generic/images/yellowBox.png" alt=""/>
-      <img id="actionBottomMiddleBox" src="assets/generic/images/yellowBox.png" alt=""/>
-      <img id="actionBottomRightBox" src="assets/generic/images/yellowBox.png" alt=""/>
-      <img id="plussign" src="assets/generic/images/plussign.png" alt=""/>
-      <img id="timer" src="assets/generic/images/scorebox.png" alt=""/>
-      <img id="scorebox" src="assets/generic/images/scorebox.png" alt=""/>
-      <img id="chimp" src="assets/generic/images/normalChimp_200x209.png" alt=""/>
-      <img id="sidebar" src="assets/generic/images/sidebar.png" alt=""/>
-      <img id="chimp" src="assets/generic/images/normalChimp_200x209.png" alt=""/>
-      -->
-
-</body>
-
-</html>
author	root <bryan@olenepal.org>	2009-09-03 08:49:05 (GMT)
committer	root <bryan@olenepal.org>	2009-09-03 08:49:05 (GMT)
commit	04974121f96e3dfab2b7365051dfdb9a73f88d4d (patch)
tree	87ca547774874140e177068b1cabcca6630edafb
parent	52ece8d0c40d993fca8f8f51518de39895f4d196 (diff)