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, 0 insertions, 260 deletions
diff --git a/examples/English_Matching_Words_and_Objects/js/lesson.js b/examples/English_Matching_Words_and_Objects/js/lesson.js deleted file mode 100755 index 2ec1018..0000000 --- a/examples/English_Matching_Words_and_Objects/js/lesson.js +++ /dev/null @@ -1,260 +0,0 @@ -$(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 |