p5.js Web Editor | PlayFair Cipher

xxxxxxxxxx
//TODO
// * Add textboxes for inputs (DONE)
// * Add encrypt/ decrype buttons (DONE)
// * Fix the encrypt function
// * Possibly nuke this entire code and start over
​
​
var keyWord="";
​
var keyWordTxt;            // TextBox for keyword
var inputTxt;              // TextBox for input
var ciphered="";           // Encoded text
var cipheredArr=[];        // Array of two chars
var decoded="";            // Decoded text
var encodeButt;            // Button to encode
var decodeButt;            // Button to decode
var playfairTable=[];      // Grid of characters
var lastButton="";         // Tracks last button press
​
var alphabet=["A","B","C","D","E","F","G","H","I","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"];
              
              
​
function setup() {
  createCanvas(400, 500);
  keyWordTxt=createInput();
  keyWordTxt.position(200, 20);
  keyWordTxt.size(50,10);
  
  inputTxt=createInput();
  inputTxt.position(80,400);
  inputTxt.size(300,12);
  
  decodeButt=createButton("DECODE");
  decodeButt.position(5, 380);
  decodeButt.mousePressed(decode);
  
  encodeButt=createButton("ENCODE");
  encodeButt.position(5, 410);
  encodeButt.mousePressed(encode);
  
​
  
  
  
  
  removeLetters();
  
  //We need to remove non-letters from the cipher
  ciphered=ciphered.toUpperCase();
  for(var i=0; i<ciphered.length-1; i+=2)
  {
  cipheredArr.push(ciphered[i]+ciphered[i+1]);
  }
​
  
  for(var i=0; i<keyWord.length; i++)
  {
  playfairTable.push(keyWord[i]);
  }
  for(var i=0; i<alphabet.length; i++)
  {
  playfairTable.push(alphabet[i]);  
  }
​
decode();
display();
​
}
​
function draw() {
}
​
​
​
​
//This function removes the keyword letters
// from the available alphabet. 
function removeLetters()
{
 // console.log(keyWord);
for(var i=alphabet.length-1; i>=0; i--)
  {
    for(var j=0; j<keyWord.length; j++)
          {
          if(alphabet[i]==keyWord[j])
              {
              alphabet.splice(i,1);
              }
  
  
          }
}
}
​
//This function takes a letter and returns the
// playfairTable index of that letter
function letterToIndex(letter)
{ 
for (var i=0; i<playfairTable.length; i++)
  {
  if(playfairTable[i]==letter)
  {
  return i;  
  }
  }
return -1;
}
​
// This function takes an index and
// returns the col, row coordinate of
// the letter in the playfairTable
function indexToCoord(ind)
{
var a= createVector(-1,-1);
​
​
a.x=ind%5;
a.y=floor(ind/5);
return a; // Return a vector for coordinates. 
}
​
//Function takes coordinates (as a Pvector)
// and returns the playfairTable index
function coordToIndex(coord)
{
col=coord.x;
row=coord.y;
​
ind=(row*5)+col;
return ind;
}
​
​
//This functino is bad 
// because I originally wrote 
// it to test decoding and it worked
// so I couldn't be bothered
// to re-write it.
function decode()
{  
lastButton="DECODE";
initialize(); 
for(var i=0; i<cipheredArr.length; i++)
{
var letterA=cipheredArr[i][0];
var letterB=cipheredArr[i][1];
​
var letterAIndex=letterToIndex(letterA);
var letterBIndex=letterToIndex(letterB);
  
var letterACoord=indexToCoord(letterAIndex);
var letterBCoord=indexToCoord(letterBIndex);
 
if((letterACoord.x !=letterBCoord.x) && (letterACoord.y!=letterBCoord.y))
  {
  temp=createVector(letterBCoord.x, letterACoord.y);
  letterA=playfairTable[coordToIndex(temp)];
  temp=createVector(letterACoord.x, letterBCoord.y);
  letterB=playfairTable[coordToIndex(temp)];
  decoded=decoded+letterA+letterB;
  }
else if((letterACoord.x==letterBCoord.x) && (letterACoord.y!=letterBCoord.y))
      {
      if((letterACoord.y!=0) && (letterBCoord.y!=0))
              {
              temp=createVector(letterACoord.x, letterACoord.y-1);
              letterA=playfairTable[coordToIndex(temp)];
              temp=createVector(letterBCoord.x, letterBCoord.y-1);
              letterB=playfairTable[coordToIndex(temp)];
              }
        else if(letterACoord.y==0)
        {
        temp=createVector(letterACoord.x, 4); 
        letterA=playfairTable[coordToIndex(temp)];
        temp=createVector(letterBCoord.x, letterBCoord.y-1);
        letterB=playfairTable[coordToIndex(temp)];
        }
        else if(letterBCoord.y==0)
        {
        temp=createVector(letterACoord.x, letterACoord.y-1);
        letterA=playfairTable[coordToIndex(temp)];
        temp=createVector(letterBCoord.x, 4); 
        letterB=playfairTable[coordToIndex(temp)];  
        }
        else
        {
        console.log("We should never be here");  
        }
        decoded=decoded+letterA+letterB;
      }
  
  else if((letterACoord.y==letterBCoord.y) && (letterACoord.x!=letterBCoord.x))
      {
      if((letterACoord.x!=0) && (letterBCoord.x!=0))
              {
              temp=createVector(letterACoord.x-1, letterACoord.y);
              letterA=playfairTable[coordToIndex(temp)];
              temp=createVector(letterBCoord.x-1, letterBCoord.y);
              letterB=playfairTable[coordToIndex(temp)];
              }
        else if(letterACoord.x==0)
        {
        temp=createVector(4, letterACoord.y); 
        letterA=playfairTable[coordToIndex(temp)];
        temp=createVector(letterBCoord.x-1, letterBCoord.y);
        letterB=playfairTable[coordToIndex(temp)];
        }
        else if(letterBCoord.x==0)
        {
        temp=createVector(4, letterBCoord.y);
        letterB=playfairTable[coordToIndex(temp)];
        temp=createVector(letterACoord.x-1, letterACoord.y); 
        letterA=playfairTable[coordToIndex(temp)];  
        }
        else
        {
        console.log("We should never be here");  
        }
        decoded=decoded+letterA+letterB;
      }
}
​
​
display();
inputTxt.value(decoded); 
}
​
// This function is used to 
// completely renew/ inititialize 
// all of the codes
function initialize()
{
keyWord=keyWordTxt.value();
keyWord=keyWord.toUpperCase();
​
    ciphered="";
    for(var i=0; i<inputTxt.value().length; i++)
    {
    if(inputTxt.value()[i]!=" ")
    { 
    ciphered=ciphered+inputTxt.value()[i];
    }  
    }
  ciphered=ciphered.toUpperCase();
  cipheredArr.length=0;
    decoded="";
    alphabet=["A","B","C","D","E","F","G","H","I","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"];
  playfairTable.length=0;;
  removeLetters();
​
  
  
  // If we are encoding, we need to
  // put X's for duplicate letters
  // and Add X at the end for odd
  // letter count
  
  if(lastButton="ENCODE")
  {
  tempString="";
  //console.log(ciphered);
  for(var i=0; i<ciphered.length-1; i+=2)  
    {
    // Check to make sure previous letter isn't
    // same as current letter if there is an odd
    // number of character in temp string
    if ((tempString.length) && (tempString.length%2==1))
        {
        if((ciphered[i-1]==(ciphered[i]) && (ciphered[i]!=ciphered[i+1])))
            {
            tempString=tempString+ "X" + ciphered[i] + ciphered[i+1];
            } 
        else if(ciphered[i]==ciphered[i+1])
            {
            tempString=tempString + "X" + ciphered[i] + "X" + ciphered[i+1];
            }
          else
          {
          tempString=tempString+ ciphered[i] + ciphered[i+1]; 
          }
        }
    else if(ciphered[i]==ciphered[i+1])
            {
            tempString=tempString+ciphered[i] + "X" + ciphered[i+1];
            }
        else
        {
        tempString=tempString + ciphered[i] + ciphered[i+1]; 
        } 
    }
    
    if(ciphered.length%2==1)
    {
     // console.log("HERE?");
      tempString=tempString +ciphered[ciphered.length-1] + "X";
    }
  else if(tempString.length%2==1)
      {
      tempString=tempString + "X"
      }
    
    ciphered=tempString;
    //console.log(ciphered);
    
    
  }
  
  for(var i=0; i<ciphered.length-1; i+=2)
  {
  cipheredArr.push(ciphered[i]+ciphered[i+1]);
  }
​
  
  for(var i=0; i<keyWord.length; i++)
  {
  var found=false;
  for(var j=0; j<playfairTable.length && !found; j++)
    {
    if(playfairTable[j]==keyWord[i])
        {
        found=true;
        }
    }
    if(!found)
    {
    playfairTable.push(keyWord[i]);  
    }
  }
  for(var i=0; i<alphabet.length; i++)
  {
  playfairTable.push(alphabet[i]);  
  }  
  
​
  
  
  
}
​
// This function displays
// the playfairTable
// and the encoded/decoded 
// text
function display()
{
 background('skyblue');
  var row=0;
  var index=0;
  textSize(15)
  text("Keyword:", 130,35)
  textSize(12);
  for(var i=0; i<5; i++)
  {
   for(var j=0; j<5; j++)
   {
   text(playfairTable[index], 20+(j*20), 20+(row*20));
    index++;
   }
  row++;
  }
  row=0;
  col=0;
  index=0;
  for (i=0; i<cipheredArr.length; i++)
  {
  text(cipheredArr[index], 20+(col*30), 150+(row*30))
  col++;
  index++;
    
  if(col==12)
  {
  col=0;
  row++;
  }
​
  } 
}
​
​
​
// This function is bad because 
// it is copied from the decode
// function
function encode()
{
lastButton="ENCODE";
initialize();
  
  
for(var i=0; i<cipheredArr.length; i++)
{
var letterA=cipheredArr[i][0];
var letterB=cipheredArr[i][1];
​
if(letterA=="J")
{
letterA="X";  
}
​
if(letterB=="J")
{
letterB="X";  
}
  
var letterAIndex=letterToIndex(letterA);
var letterBIndex=letterToIndex(letterB);
  
var letterACoord=indexToCoord(letterAIndex);
var letterBCoord=indexToCoord(letterBIndex);
 
if((letterACoord.x !=letterBCoord.x) && (letterACoord.y!=letterBCoord.y))
  {
  temp=createVector(letterBCoord.x, letterACoord.y);
  letterA=playfairTable[coordToIndex(temp)];
  temp=createVector(letterACoord.x, letterBCoord.y);
  letterB=playfairTable[coordToIndex(temp)];
  decoded=decoded+letterA+letterB;
  }
else if((letterACoord.x==letterBCoord.x) && (letterACoord.y!=letterBCoord.y))
      {
      if((letterACoord.y!=4) && (letterBCoord.y!=4))
              {
              temp=createVector(letterACoord.x, letterACoord.y+1);
              letterA=playfairTable[coordToIndex(temp)];
              temp=createVector(letterBCoord.x, letterBCoord.y+1);
              letterB=playfairTable[coordToIndex(temp)];
              }
        else if(letterACoord.y==4)
        {
        temp=createVector(letterACoord.x, 0); 
        letterA=playfairTable[coordToIndex(temp)];
        temp=createVector(letterBCoord.x, letterBCoord.y+1);
        letterB=playfairTable[coordToIndex(temp)];
        }
        else if(letterBCoord.y==4)
        {
        temp=createVector(letterACoord.x, letterACoord.y+1);
        letterA=playfairTable[coordToIndex(temp)];
        temp=createVector(letterBCoord.x, 0); 
        letterB=playfairTable[coordToIndex(temp)];  
        }
        else
        {
        console.log("We should never be here");  
        }
        decoded=decoded+letterA+letterB;
      }
  
  else if((letterACoord.y==letterBCoord.y) && (letterACoord.x!=letterBCoord.x))
      {
      if((letterACoord.x!=4) && (letterBCoord.x!=4))
              {
              temp=createVector(letterACoord.x+1, letterACoord.y);
              letterA=playfairTable[coordToIndex(temp)];
              temp=createVector(letterBCoord.x+1, letterBCoord.y);
              letterB=playfairTable[coordToIndex(temp)];
              }
        else if(letterACoord.x==4)
        {
        temp=createVector(0, letterACoord.y); 
        letterA=playfairTable[coordToIndex(temp)];
        temp=createVector(letterBCoord.x+1, letterBCoord.y);
        letterB=playfairTable[coordToIndex(temp)];
        }
        else if(letterBCoord.x==4)
        {
        temp=createVector(0, letterBCoord.y);
        letterB=playfairTable[coordToIndex(temp)];
        temp=createVector(letterACoord.x+1, letterACoord.y); 
        letterA=playfairTable[coordToIndex(temp)];  
        }
        else
        {
        console.log("We should never be here");  
        }
        decoded=decoded+letterA+letterB;
      }
}
  cipheredArr.length=0;
  for(var i=0; i<decoded.length; i+=2)
  {
  cipheredArr.push(decoded[i] + decoded[i+1]);  
  }
inputTxt.value(decoded);
display();
}
Cookies

Sketch Files

Console

Preview
