int boxheight = 28;
int boxwidth = 10;
int x = -boxwidth;
int y = -5;              

void setup(){
  size(440, 420);
  
  background(255); 
}

void draw(){
    int ypos;
    ypos = y;
    noStroke();
    rect( x, ypos, boxwidth, boxheight );    
  }
  
void keyPressed(){
  if( key == 'a') {     
    fill(#FFFF00);
  }
  if( key == 'b') {     
    fill(#CC0000);
  }
  if( key == 'c') {     
    fill(#00CC33);
  }
  if( key == 'd') {     
    fill(#0066FF);
  }
  if( key == 'e') {     
    fill(#FF6600);
  }
  if( key == 'f') {     
    fill(#A73CA7);
  }
  if( key == 'g') {     
    fill(#669900);
  }
  if( key == 'h') {     
    fill(#ff0000);
  }
  if( key == 'i') {     
    fill(#c0c0c0);
  }
  if( key == 'j') {     
    fill(#663399);
  }
  if( key == 'k') {     
    fill(#a52a2a);
  }
  if( key == 'l') {     
    fill(#333333);
  }
  if( key == 'm') {     
    fill(#0033ff);
  }
  if( key == 'n') {     
    fill(#cc0033);
  }
  if( key == 'o') {     
    fill(#778899);
  }
  if( key == 'p') {     
    fill(#660099);
  }
  if( key == 'q') {     
    fill(#663300);
  }
  if( key == 'r') {     
    fill(#0000FF);
  }
  if( key == 's') {     
    fill(#016305);
  }
  if( key == 't') {     
    fill(#000080);
  }
  if( key == 'u') {     
    fill(#FF99CC);
  }
  if( key == 'v') {     
    fill(#800000);
  }
  if( key == 'w') {     
    fill(#000066);
  }
  if( key == 'x') {     
    fill(#a52a2a);
  }
  if( key == 'y') {     
    fill(#FFFF33);
  }
  if( key == 'z') {     
    fill(#330000);
  }
   if( key == 32) {     
    fill(255);
  }
  if( key == 46) {     
    fill(255);   
  } 
   
  x = ( x + boxwidth ); 
  
  if( keyCode == ENTER) {    
    x = -(boxwidth);
    y+= boxheight;
  }
   
  if (x > width - boxwidth) {
    x = 0;
    y+= boxheight;
  }
  if (key == 49) { // Key1 restarts
    background(255);
    x = -(boxwidth);
    y = 0;
  } 
}