diff options
Diffstat (limited to 'examples/English_Matching_Words_and_Objects/js/lesson.js')
| -rwxr-xr-x | examples/English_Matching_Words_and_Objects/js/lesson.js | 260 |
1 files changed, 260 insertions, 0 deletions
diff --git a/examples/English_Matching_Words_and_Objects/js/lesson.js b/examples/English_Matching_Words_and_Objects/js/lesson.js new file mode 100755 index 0000000..2ec1018 --- /dev/null +++ b/examples/English_Matching_Words_and_Objects/js/lesson.js @@ -0,0 +1,260 @@ +$(document).ready(function() { +var k = Karma({ + audio: [{'name':'correct','file':'correct.ogg'}, + {'name':'incorrect','file':'incorrect.ogg'} + ]}); + +k.ready(function(){ + + var i,j,flag; + var s=0; var m=0; var h=0; //varoiables for timer + var clickedObjects = []; //array storing the clicks of the two succesive clicks + var clickedObject = 0; //store the clicked image id + var matchedObjects = [];//store the matched images + var objrand = []; + var numClicked = 0; // If click on image it is incremnted by 1 + var numMatched = 0; //how many matched objects + var play =0; //not played yet pause + var restart = 0; //not restarted + var clickCounter = 0; + var gameArea = $('#gameArea'); + + + + function startTimer(){ + s=checkTime(s); + m=checkTime(m); + h=checkTime(h); + clickCounter = checkTime(clickCounter); + document.getElementById('clickBox').innerHTML=clickCounter; + document.getElementById('timerBox1').innerHTML=s; + document.getElementById('timerBox2').innerHTML=m; + document.getElementById('timerBox3').innerHTML=h; + + } + + var increaseTime = function(){ + if(play == 1){ + if(restart == 1){ + s = 0; + m = 0; + h = 0; + } + s++; + if(s>60){ + m++; + m=checkTime(m); + document.getElementById('timerBox2').innerHTML=m; + s = 0; + } + if(m>60){ + h++; + h=checkTime(h); + document.getElementById('timerBox3').innerHTML=h; + + m=0; + + } + s=checkTime(s); + + document.getElementById('timerBox1').innerHTML=s; + var t=setTimeout( + function(){ + increaseTime();},1000); + } + }; + + function checkTime(timePara){ + if (timePara<10 ) + { + timePara="0" + timePara; + } + return timePara; + }; + + + + + function generate_random_no() { //generate random number + var rand_no = Math.ceil(30*Math.random()); + return rand_no; + } + + function generate_random_objects_no(){ + objrand[0]=generate_random_no(); //1 number generated, 3 different numbers to be generated + for(i=1; i<30; i++){ + do{ + flag = 0; + objrand[i] = generate_random_no(); + for(j=0; j<i; j++){ + if(objrand[i]===objrand[j]){ + flag++; + } + } + }while(flag != 0 ); //end of do while loop + } + } + //alert(objrand); + + + + function load_default_images(){ + for(i=0; i<30; i++){ + document.getElementById("object"+objrand[i]+"").src = "assets/image/default.png"; + } + } + + + +function check_game_over(){ + if(numMatched ==30){ //show all + for(i = 1; i<31; i++){ + document.getElementById("object"+i+"").src = "assets/image/"+i+".png"; + } + play = 0; + + } +} + function store_clicked_object(objectClicked){ + if(play === 1){ + clickedObject = objectClicked; + clickedObjects[numClicked] = clickedObject; + numClicked++; + clickCounter++; + clickCounter = checkTime(clickCounter); + document.getElementById('clickBox').innerHTML=clickCounter; + show_processed_image(); + check_game_over(); + return true; + } + else{ + return false; + + } + + } + + function process_object(){ + //alert("test"); + var matchedCondition = 0; //not matched + if(clickedObjects[0]%2 == 0 && clickedObjects[1] == clickedObjects[0]-1) //even 1st number + matchedCondition = 1; + else if(clickedObjects[0]%2 != 0 && clickedObjects[1] == clickedObjects[0]+1) //odd first number + matchedCondition = 1; + else if(clickedObjects[1]%2 == 0 && clickedObjects[0] == clickedObjects[1]-1) //even 2nd number + matchedCondition = 1; + else if(clickedObjects[1]%2 != 0 && clickedObjects[0] == clickedObjects[1]+1) //odd 2nd number + matchedCondition = 1; + + + + if(matchedCondition!=0){ //matches + //if even clicked -1 + //if odd clicked +1 should be the answer + //alert("Matched"); + k.audio.correct.play(); + document.getElementById("object"+clickedObjects[0]+"").src = "assets/image/matched.png"; + document.getElementById("object"+clickedObjects[1]+"").src = "assets/image/matched.png"; + matchedObjects[numMatched] = clickedObjects[0]; + numMatched++; + matchedObjects[numMatched] = clickedObjects[1]; + numMatched++; + //alert("Matched,Matched Objects="+matchedObjects+",No.match="+numMatched+""); + numClicked = 0; + + + } + else{ + //alert("not matched"); + document.getElementById("object"+clickedObjects[0]+"").src = "assets/image/default.png"; + document.getElementById("object"+clickedObjects[1]+"").src = "assets/image/default.png"; + numClicked = 0; + + } + + + } + + function delay(){ + + document.delayForm.delayval.value = 1; + process_object(); + } + + function show_processed_image(){ //Show the click Image + var t; + if (numMatched !=0){ //some pairs has matched so be sure not to show them again + var flag = 0; //if matched already it is set to 1 + for(i = 0; i<numMatched; i++){ + if(clickedObject == matchedObjects[i] ){ + flag = 1; + } + } + + if(flag == 0){ //no matches found + document.getElementById("object"+clickedObject+"").src = "assets/image/"+clickedObject+".png"; + if(numClicked == 2){ + t=setTimeout(function(){delay();},1000); + + } + } + else{ //matched already so don't show + document.getElementById("object"+clickedObject+"").src = "assets/image/matched.png"; + numClicked = 0; + } + + } + + else if(numClicked == 2){ //process the image after 2 successive clicks + document.getElementById("object"+clickedObject+"").src = "assets/image/"+clickedObject+".png"; + //window.setTimeout('process_object()', 5000); + t=setTimeout(function(){delay();},1000); + + } + else{ + document.getElementById("object"+clickedObject+"").src = "assets/image/"+clickedObject+".png"; + } + } + + var assignSquares = function (square){ + + gameArea.append('<a href="#"></a>'); + $('#gameArea a:last-of-type').append('<img class="notMatched" id="object' + + square + '" src="" alt="" />'); + + $('#gameArea a:last-of-type').click( + function(){ + store_clicked_object(square); + }); + }; + + generate_random_objects_no(); + + startTimer(); + + var square; + + for(i=0; i<30; i++){ + square = objrand[i]; + assignSquares(square); + } + + + $('a#anchorPlay').click(function(){ + play = 1; + increaseTime(); + }); + $('a#anchorPause').click(function(){ + play = 0; + increaseTime(); + }); + $('a#anchorRestart').click(function(){ + location.reload(true); + }); + + load_default_images(); + + + + }); +});//end of DOM |