///Global vriables var ip = 0; var op = 0; var canvas = 0; var canvasW = 300; var canvasH = 400; var ctx = 0; var img = 0; var bgColor = "#694538"; var textColor = "#faebdc"; var xPos = 100; var yPos = 100; var xPosNew = 100; var yPosNew = 100; var posStep = 15; var heading = 180; var headingNew = 180; var hdgStep = 15; var interval = 0; var fps = Math.round(1000 / 60); var samples = 3; var boxSize = 100; var sampleSize = 40; var spacing = 10; var pictures = 0; var picturesSize = 15; var log = []; ///Global functions function init(){ ip = document.getElementById("idInput"); op = document.getElementById("idOutput"); op.rows = "2"; op.cols = "39"; canvas = document.getElementById("idCanvas"); ctx = canvas.getContext("2d"); createImage(); img.onload = function(){ clearCanvas(); draw(); } //animate = setInterval(animation, 100); // clearInterval(animate); } ///Function definitions function CPM(){ let totalInput = ip.value.toUpperCase().trim(); if(log.length < 15){ log.push(totalInput); }else{ log.shift(); log.push(totalInput); } if(totalInput.length > 0){// check if any input is not empty let cmd = ""; let dir = ""; let num = 0; for(let i=0; i= 65 && cCode <= 90){// check cChar between A-Z if(cmd.length < 3){//check till command is less than 3 chars cmd += cChar; }else if(dir.length == 0){//check for direction if empty if(cCode == 70 || cCode == 66 || cCode == 76 || cCode == 82){ dir = cChar; } } } if(cCode >= 49 && cCode <= 57){// check cChar between 1-9 if(num == 0){ num = Number(cChar); } } } switch(cmd){ case "MOV": Move(dir, Number(num)); break; case "TRN": Turn(dir); break; case "RCK": Rock(); break; case "RLS": Release(); break; case "ANL": Analysis(); break; case "PIC": Camera(); break; case "DEL": CameraDel(); break; case "LOG": Log(); break; default: op.value = "Invalid command"; break; } } } function Log(){ op.value = ""; for(let i=0; i < log.length; i++){ op.value += log[i] + "\n"; } } function CameraDel(){ if(pictures > 0){ pictures--; op.value = "Picture Deleted > Pics count : " + pictures; }else{ op.value = "Memory Empty > Pics count : " + pictures; } interval = setInterval(update, fps); } function Camera(){ if(pictures < 10){ pictures++; op.value = "Picture Saved > Pics count : " + pictures; }else{ op.value = "Memory full > Pics count : " + pictures; } interval = setInterval(update, fps); } function Analysis(){ if(samples > 0){ op.value = "Analysis of Sample # : " + samples; op.value += "\nCa : " + (Math.random()).toPrecision(2) + " %"; op.value += "\nCu : " + (Math.random()).toPrecision(2) + " %"; op.value += "\nFe : " + (Math.random()).toPrecision(2) + " %"; op.value += "\nMg : " + (Math.random()).toPrecision(2) + " %"; }else{ op.value = "Sample bay empty > Sample count : " + samples; } interval = setInterval(update, fps); } function Release(){ if(samples > 0){ samples--; op.value = "Sample droped > Sample count : " + samples; }else{ op.value = "Sample bay empty > Sample count : " + samples; } interval = setInterval(update, fps); } function Rock(){ if(samples < 5){ samples++; op.value = "Sample collected > Sample count : " + samples; }else{ op.value = "Sample bay full > Sample count : " + samples; } interval = setInterval(update, fps); } function Turn(direction){ if(direction == "L"){ headingNew -= hdgStep; }else if(direction == "R"){ headingNew += hdgStep; } if(headingNew > 360){ headingNew -= 360; }else if(headingNew < 0){ headingNew += 360; } op.value = "Turning > " + direction; interval = setInterval(update, fps); } function Move(direction, number){ if(direction == "F"){ for(let i = 0; i < number; i++){ if(xPosNew < (img.width / 2)){ xPosNew = Math.round(img.width / 2) + 1; break; }else if(xPosNew > (canvasW - img.width / 2)){ xPosNew = Math.round(canvasW - img.width / 2) - 1; break; }else if(yPosNew < (img.height / 2)){ yPosNew = Math.round(img.height / 2) + 1; break; }else if(yPosNew > ((canvasH - boxSize) - img.width / 2)){ yPosNew = Math.round((canvasH - boxSize) - img.width / 2) - 1; break; }else{ xPosNew += Math.round(posStep * Math.sin(heading * (Math.PI / 180))); yPosNew -= Math.round(posStep * Math.cos(heading * (Math.PI / 180))); } } }else if(direction == "B"){ for(let i = 0; i < number; i++){ if(xPosNew < (img.width / 2)){ xPosNew = Math.round(img.width / 2) + 1; break; }else if(xPosNew > (canvasW - img.width / 2)){ xPosNew = Math.round(canvasW - img.width / 2) - 1; break; }else if(yPosNew < (img.height / 2)){ yPosNew = Math.round(img.height / 2) + 1; break; }else if(yPosNew > ((canvasH - boxSize) - img.width / 2)){ yPosNew = Math.round((canvasH - boxSize) - img.width / 2) - 1; break; }else{ xPosNew -= Math.round(posStep * Math.sin(heading * (Math.PI / 180))); yPosNew += Math.round(posStep * Math.cos(heading * (Math.PI / 180))); } } } // if(xPosNew > (canvasW - img.width / 2)){xPosNew = (canvasW - img.width / 2);}else if(xPosNew < (img.width / 2)){xPosNew = (img.width / 2);} // if(yPosNew > (canvasH - img.height / 2)){yPosNew = (canvasH - img.height / 2);}else if(yPosNew < (img.height / 2)){yPosNew = (img.height / 2);} op.value = "Moving > " + direction + " by " + number + " steps"; interval = setInterval(update, fps); } function update(){ if(xPos == xPosNew && yPos == yPosNew && heading == headingNew){//stop animation clearInterval(interval); interval = 0; }else{ if(xPos < xPosNew){ xPos++; }else if(xPos > xPosNew){ xPos--; } if(yPos < yPosNew){ yPos++; }else if(yPos > yPosNew){ yPos--; } if(heading < headingNew){ heading++; }else if(heading > headingNew){ heading--; } } clearCanvas(); draw(); } function draw(){ ctx.translate(xPos, yPos); ctx.rotate(heading * Math.PI / 180); ctx.drawImage(img, -img.width / 2, -img.height / 2); ctx.setTransform(); ctx.fillStyle = textColor; ctx.font = "16px Arial"; ctx.fillText("Samples : " + samples, 0, 20); ctx.fillText("Pictures : " + pictures, 0, 36); for(let i = 0; i < 5; i++){ if(i < samples){ ctx.fillStyle = textColor; ctx.fillRect(i * (sampleSize + spacing) + spacing, canvasH - (sampleSize + spacing*2 + picturesSize), sampleSize, sampleSize); }else{ ctx.strokeRect(i * (sampleSize + spacing) + spacing, canvasH - (sampleSize + spacing*2 + picturesSize), sampleSize, sampleSize); } } for(let i = 0; i < 10; i++){ if(i < pictures){ ctx.fillStyle = "#55ff55"; ctx.fillRect(i * (picturesSize + spacing) + spacing, canvasH - (picturesSize + spacing), picturesSize, picturesSize); }else{ ctx.strokeStyle = "#55ff55"; ctx.strokeRect(i * (picturesSize + spacing) + spacing, canvasH - (picturesSize + spacing), picturesSize, picturesSize); } } } function clearCanvas(){ canvas.width = 1; canvas.width = canvasW; canvas.height = canvasH; ctx.drawImage(bgImg, 0,0); }

Rover