> show canvas only <


/* built with Studio Sketchpad: 
 *   https://sketchpad.cc
 * 
 * observe the evolution of this sketch: 
 *   https://studio.sketchpad.cc/sp/pad/view/ro.oaVd0H3$WDw/rev.2910
 * 
 * authors: 
 *   Lee Gerny

 * license (unless otherwise specified): 
 *   creative commons attribution-share alike 3.0 license.
 *   https://creativecommons.org/licenses/by-sa/3.0/ 
 */ 



void setup(){
    size(500,500);
    }
    int box = 0;
    int x = 60;
    int y = 200;
    int x4 = 70;
    int x3 = 60;
    int y4 = 290;
    int y3 = 300;
    int y34 = 315;
    int y2 = 215;
    int x2 = 60;
    int yz = 215;
    int z1 = 375;
    int y1 = 360;
    int x1 = 345;
    int w1 = 330;
    int v1 = 315;
    int u1 = 300;
    int t1 = 285;
    int s1 = 270;
    int r1 = 255;
    int q1 = 240;
    int p1 = 225;
    int o1 = 210;
    int n1 = 195;
    int m1 = 180;
    int l1 = 165;
    int k1 = 150;
    int j1 = 135;
    int i1 = 120;
    int h1 = 105;
    int g1 = 90;
    int f1 = 75;
    int e1 = 60;
    int d1 = 45;
    int c1 = 30;
    int b1 = 15;
    int a1 = 0;
    int timer = 0;
    
    void draw(){
background(0);
        
        rect(box,box,500,500);
        fill(0);
        text("Each letter represents a number in accordance to its position", 20,100);
        
        text("in the alphabet i.e. A = 1, B = 2...",20,125); 
        text("To reset press the space bar.",20,150);
        text("The letter Z does nothing because it would reset the alignment",20,175);
        text("To start program press the down arrow",180,250);       
                
                 if (keyPressed) {
    if (keyCode == DOWN){
      box = -1000;
    }}
               
               
fill(255);
text("A",x3,y3);
text("B",x3+15,y3);
text("C",x3+30,y3);
text("D",x3+45,y3);
text("E",x3+60,y3);
text("F",x3+75,y3);
text("G",x3+90,y3);
text("H",x3+105,y3);
text("I",x3+120,y3);
text("J",x3+135,y3);
text("K",x3+150,y3);
text("L",x3+165,y3);
text("M",x3+180,y3);
text("N",x3+195,y3);
text("O",x3+210,y3);
text("P",x3+225,y3);
text("Q",x3+240,y3);
text("R",x3+255,y3);
text("S",x3+270,y3);
text("T",x3+285,y3);
text("U",x3+300,y3);
text("V",x3+315,y3);
text("W",x3+330,y3);
text("X",x3+345,y3);
text("Y",x3+360,y3);
text("Z",x3+375,y3);
                

                
stroke(255);
line(x4,y4,x4,y4+25);
line(x4+15,y4,x4+15,y4+25);
line(x4+30,y4,x4+30,y4+25);
line(x4+45,y4,x4+45,y4+25);
line(x4+60,y4,x4+60,y4+25);
line(x4+75,y4,x4+75,y4+25);
line(x4+90,y4,x4+90,y4+25);
line(x4+105,y4,x4+105,y4+25);
line(x4+120,y4,x4+120,y4+25);
line(x4+135,y4,x4+135,y4+25);
line(x4+150,y4,x4+150,y4+25);
line(x4+165,y4,x4+165,y4+25);
line(x4+180,y4,x4+180,y4+25);
line(x4+195,y4,x4+195,y4+25);
line(x4+210,y4,x4+210,y4+25);
line(x4+225,y4,x4+225,y4+25);
line(x4+240,y4,x4+240,y4+25);
line(x4+255,y4,x4+255,y4+25);
line(x4+270,y4,x4+270,y4+25);
line(x4+285,y4,x4+285,y4+25);
line(x4+300,y4,x4+300,y4+25);
line(x4+315,y4,x4+315,y4+25);
line(x4+330,y4,x4+330,y4+25);
line(x4+345,y4,x4+345,y4+25);
line(x4+360,y4,x4+360,y4+25);
line(x4+375,y4,x4+375,y4+25);
                
fill(255);
text("A",x,y);
text("B",x+15,y);
text("C",x+30,y);
text("D",x+45,y);
text("E",x+60,y);
text("F",x+75,y);
text("G",x+90,y);
text("H",x+105,y);
text("I",x+120,y);
text("J",x+135,y);
text("K",x+150,y);
text("L",x+165,y);
text("M",x+180,y);
text("N",x+195,y);
text("O",x+210,y);
text("P",x+225,y);
text("Q",x+240,y);
text("R",x+255,y);
text("S",x+270,y);
text("T",x+285,y);
text("U",x+300,y);
text("V",x+315,y);
text("W",x+330,y);
text("X",x+345,y);
text("Y",x+360,y);
text("Z",x+375,y);



fill(255);
text("A",x2+a1,y2);
text("B",x2+b1,y2);
text("C",x2+c1,y2);
text("D",x2+d1,y2);
text("E",x2+e1,y2);
text("F",x2+f1,y2);
text("G",x2+g1,y2);
text("H",x2+h1,y2);
text("I",x2+i1,y2);
text("J",x2+j1,y2);
text("K",x2+k1,y2);
text("L",x2+l1,y2);
text("M",x2+m1,y2);
text("N",x2+n1,y2);
text("O",x2+o1,y2);
text("P",x2+p1,y2);
text("Q",x2+q1,y2);
text("R",x2+r1,y2);
text("S",x2+s1,y2);
text("T",x2+t1,y2);
text("U",x2+u1,y2);
text("V",x2+v1,y2);
text("W",x2+w1,y2);
text("X",x2+x1,y2);
text("Y",x2+y1,y2);
text("Z",x2+z1,y2);

      textSize(9);
                
fill(255);
text("1",x3,y34);
text("2",x3+15,y34);
text("3",x3+30,y34);
text("4",x3+45,y34);
text("5",x3+60,y34);
text("6",x3+75,y34);
text("7",x3+90,y34);
text("8",x3+105,y34);
text("9",x3+120,y34);
text("10",x3+135,y34);
text("11",x3+150,y34);
text("12",x3+165,y34);
text("13",x3+180,y34);
text("14",x3+195,y34);
text("15",x3+210,y34);
text("16",x3+225,y34);
text("17",x3+240,y34);
text("18",x3+255,y34);
text("19",x3+270,y34);
text("20",x3+285,y34);
text("21",x3+300,y34);
text("22",x3+315,y34);
text("23",x3+330,y34);
text("24",x3+345,y34);
text("25",x3+360,y34);
text("26",x3+375,y34);

 if (keyPressed) {
    if (key == 'a' || key == 'A') {
      x2 = 75;
      z1 = -15;
    }}
    
    if (keyPressed) {
    if (key == 'b' || key == 'B') {
      x2 = 90;
      z1 = -15;
      y1 = -30;
    }}
    
    if (keyPressed) {
    if (key == 'c' || key == 'C') {
      x2 = 105;
      z1 = -15;
      y1 = -30;
      x1 = -45;
    }}
    
    if (keyPressed) {
    if (key == 'd' || key == 'D') {
      x2 = 120;
      z1 = -15;
      y1 = -30;
      x1 = -45;
      w1 = -60;
    }}
    
    if (keyPressed) {
    if (key == 'e' || key == 'E') {
      x2 = 135;
      z1 = -15;
      y1 = -30;
      x1 = -45;
      w1 = -60;
      v1 = -75;
    }}
    
     if (keyPressed) {
    if (key == 'f' || key == 'F') {
      x2 = 150;
      z1 = -15;
      y1 = -30;
      x1 = -45;
      w1 = -60;
      v1 = -75;
      u1 = -90;
    }}
    
    if (keyPressed) {
    if (key == 'g' || key == 'G') {
      x2 = 165;
      z1 = -15;
      y1 = -30;
      x1 = -45;
      w1 = -60;
      v1 = -75;
      u1 = -90;
      t1 = -105;
    }}
    
    if (keyPressed) {
    if (key == 'h' || key == 'H') {
      x2 = 180;
      z1 = -15;
      y1 = -30;
      x1 = -45;
      w1 = -60;
      v1 = -75;
      u1 = -90;
      t1 = -105;
      s1 = -120;
    }}
    
     if (keyPressed) {
    if (key == 'i' || key == 'I') {
      x2 = 195;
      z1 = -15;
      y1 = -30;
      x1 = -45;
      w1 = -60;
      v1 = -75;
      u1 = -90;
      t1 = -105;
      s1 = -120;
      r1 = -135;
    }}
    
     if (keyPressed) {
    if (key == 'j' || key == 'J') {
      x2 = 210;
      z1 = -15;
      y1 = -30;
      x1 = -45;
      w1 = -60;
      v1 = -75;
      u1 = -90;
      t1 = -105;
      s1 = -120;
      r1 = -135;
      q1 = -150;
    }}
    
    if (keyPressed) {
    if (key == 'k' || key == 'K') {
      x2 = 225;
      z1 = -15;
      y1 = -30;
      x1 = -45;
      w1 = -60;
      v1 = -75;
      u1 = -90;
      t1 = -105;
      s1 = -120;
      r1 = -135;
      q1 = -150;
      p1 = -165;
    }}
    
     if (keyPressed) {
    if (key == 'l' || key == 'L') {
      x2 = 240;
      z1 = -15;
      y1 = -30;
      x1 = -45;
      w1 = -60;
      v1 = -75;
      u1 = -90;
      t1 = -105;
      s1 = -120;
      r1 = -135;
      q1 = -150;
      p1 = -165;
      o1 = -180;
    }}
    
      if (keyPressed) {
    if (key == 'm' || key == 'M') {
      x2 = 255;
      z1 = -15;
      y1 = -30;
      x1 = -45;
      w1 = -60;
      v1 = -75;
      u1 = -90;
      t1 = -105;
      s1 = -120;
      r1 = -135;
      q1 = -150;
      p1 = -165;
      o1 = -180;
      n1 = -195;
    }}
    
        if (keyPressed) {
    if (key == 'n' || key == 'N') {
      x2 = 270;
      z1 = -15;
      y1 = -30;
      x1 = -45;
      w1 = -60;
      v1 = -75;
      u1 = -90;
      t1 = -105;
      s1 = -120;
      r1 = -135;
      q1 = -150;
      p1 = -165;
      o1 = -180;
      n1 = -195;
      m1 = -210;
    }}
    
         if (keyPressed) {
    if (key == 'o' || key == 'O') {
      x2 = 285;
      z1 = -15;
      y1 = -30;
      x1 = -45;
      w1 = -60;
      v1 = -75;
      u1 = -90;
      t1 = -105;
      s1 = -120;
      r1 = -135;
      q1 = -150;
      p1 = -165;
      o1 = -180;
      n1 = -195;
      m1 = -210;
      l1 = -225;
    }}
    
         if (keyPressed) {
    if (key == 'p' || key == 'P') {
      x2 = 300;
      z1 = -15;
      y1 = -30;
      x1 = -45;
      w1 = -60;
      v1 = -75;
      u1 = -90;
      t1 = -105;
      s1 = -120;
      r1 = -135;
      q1 = -150;
      p1 = -165;
      o1 = -180;
      n1 = -195;
      m1 = -210;
      l1 = -225;
      k1 = -240;
    }}
    
             if (keyPressed) {
    if (key == 'q' || key == 'Q') {
      x2 = 315;
      z1 = -15;
      y1 = -30;
      x1 = -45;
      w1 = -60;
      v1 = -75;
      u1 = -90;
      t1 = -105;
      s1 = -120;
      r1 = -135;
      q1 = -150;
      p1 = -165;
      o1 = -180;
      n1 = -195;
      m1 = -210;
      l1 = -225;
      k1 = -240;
      j1 = -255;
    }}
    
              if (keyPressed) {
    if (key == 'r' || key == 'R') {
      x2 = 330;
      z1 = -15;
      y1 = -30;
      x1 = -45;
      w1 = -60;
      v1 = -75;
      u1 = -90;
      t1 = -105;
      s1 = -120;
      r1 = -135;
      q1 = -150;
      p1 = -165;
      o1 = -180;
      n1 = -195;
      m1 = -210;
      l1 = -225;
      k1 = -240;
      j1 = -255;
      i1 = -270;
    }}
    
                 if (keyPressed) {
    if (key == 's' || key == 'S') {
      x2 = 345;
      z1 = -15;
      y1 = -30;
      x1 = -45;
      w1 = -60;
      v1 = -75;
      u1 = -90;
      t1 = -105;
      s1 = -120;
      r1 = -135;
      q1 = -150;
      p1 = -165;
      o1 = -180;
      n1 = -195;
      m1 = -210;
      l1 = -225;
      k1 = -240;
      j1 = -255;
      i1 = -270;
      h1 = -285;
    }}
    
        if (keyPressed) {
    if (key == 't' || key == 'T') {
      x2 = 360;
      z1 = -15;
      y1 = -30;
      x1 = -45;
      w1 = -60;
      v1 = -75;
      u1 = -90;
      t1 = -105;
      s1 = -120;
      r1 = -135;
      q1 = -150;
      p1 = -165;
      o1 = -180;
      n1 = -195;
      m1 = -210;
      l1 = -225;
      k1 = -240;
      j1 = -255;
      i1 = -270;
      h1 = -285;
      g1 = -300;
    }}
    
         if (keyPressed) {
    if (key == 'u' || key == 'U') {
      x2 = 375;
      z1 = -15;
      y1 = -30;
      x1 = -45;
      w1 = -60;
      v1 = -75;
      u1 = -90;
      t1 = -105;
      s1 = -120;
      r1 = -135;
      q1 = -150;
      p1 = -165;
      o1 = -180;
      n1 = -195;
      m1 = -210;
      l1 = -225;
      k1 = -240;
      j1 = -255;
      i1 = -270;
      h1 = -285;
      g1 = -300;
      f1 = -315;
    }}
    
          if (keyPressed) {
    if (key == 'v' || key == 'V') {
      x2 = 390;
      z1 = -15;
      y1 = -30;
      x1 = -45;
      w1 = -60;
      v1 = -75;
      u1 = -90;
      t1 = -105;
      s1 = -120;
      r1 = -135;
      q1 = -150;
      p1 = -165;
      o1 = -180;
      n1 = -195;
      m1 = -210;
      l1 = -225;
      k1 = -240;
      j1 = -255;
      i1 = -270;
      h1 = -285;
      g1 = -300;
      f1 = -315;
      e1 = -330;
    }}
    
            if (keyPressed) {
    if (key == 'w' || key == 'W') {
      x2 = 405;
      z1 = -15;
      y1 = -30;
      x1 = -45;
      w1 = -60;
      v1 = -75;
      u1 = -90;
      t1 = -105;
      s1 = -120;
      r1 = -135;
      q1 = -150;
      p1 = -165;
      o1 = -180;
      n1 = -195;
      m1 = -210;
      l1 = -225;
      k1 = -240;
      j1 = -255;
      i1 = -270;
      h1 = -285;
      g1 = -300;
      f1 = -315;
      e1 = -330;
      d1 = -345;
    }}
    
      if (keyPressed) {
    if (key == 'x' || key == 'X') {
      x2 = 420;
      z1 = -15;
      y1 = -30;
      x1 = -45;
      w1 = -60;
      v1 = -75;
      u1 = -90;
      t1 = -105;
      s1 = -120;
      r1 = -135;
      q1 = -150;
      p1 = -165;
      o1 = -180;
      n1 = -195;
      m1 = -210;
      l1 = -225;
      k1 = -240;
      j1 = -255;
      i1 = -270;
      h1 = -285;
      g1 = -300;
      f1 = -315;
      e1 = -330;
      d1 = -345;
      c1 = -360;
    }}
    
       if (keyPressed) {
    if (key == 'y' || key == 'Y') {
      x2 = 435;
      z1 = -15;
      y1 = -30;
      x1 = -45;
      w1 = -60;
      v1 = -75;
      u1 = -90;
      t1 = -105;
      s1 = -120;
      r1 = -135;
      q1 = -150;
      p1 = -165;
      o1 = -180;
      n1 = -195;
      m1 = -210;
      l1 = -225;
      k1 = -240;
      j1 = -255;
      i1 = -270;
      h1 = -285;
      g1 = -300;
      f1 = -315;
      e1 = -330;
      d1 = -345;
      c1 = -360;
      b1 = -375;
    }}
    
    
    if (keyPressed) {
    if (key == ' ') {
      x2 = 60;
      z1 = 375;
      y1 = 360;
      x1 = 345;
      w1 = 330;
      v1 = 315;
      u1 = 300;
      t1 = 285;
      s1 = 270;
      r1 = 255;
      q1 = 240;
      p1 = 225;
      o1 = 210;
      n1 = 195;
      m1 = 180;
      l1 = 165;
      k1 = 150;
      j1 = 135;
      i1 = 120;
      h1 = 105;
      g1 = 90;
      f1 = 75;
      e1 = 60;
      d1 = 45;
      c1 = 30;
      b1 = 15;
      a1 = 0;
      
      
      
    }}
    
}