createCanvas(displayWidth, displayHeight);

  colorMode(HSB,360, 100, 100);

   background(300, 50, 100);

   textSize(24);

   textAlign(CENTER);

  alert("try pressing different keys and moving your mouse. if you want to reset just press tab!");

}

​

function draw() {

if (keyCode == TAB){

            noStroke();

            fill(300, 50, 100);

       rect(0,0,displayWidth,displayHeight);

    }

 if ((keyIsPressed == true) && (key == 'a')){

     fill(360);

     text("love",mouseX,mouseY);

     }

​

  if ((keyIsPressed == true) && (key == 'b')){

     fill(360);

     text("it",mouseX,mouseY);

     }

   if ((keyIsPressed == true) && (key == 'c')){

     fill(360);

     text("horses",mouseX,mouseY);

     }

​

 if ((keyIsPressed == true) && (key == 'd')){

     fill(360);

     text("scary",mouseX,mouseY);

     }

 if ((keyIsPressed == true) && (key == 'e')){

     fill(360);

     text("is",mouseX,mouseY);

     }

 if ((keyIsPressed == true) && (key == 'f')){

     fill(360);

     text("want",mouseX,mouseY);

     }

 if ((keyIsPressed == true) && (key == 'g')){

     fill(360);

     text("this",mouseX,mouseY);

     }

 if ((keyIsPressed == true) && (key == 'h')){

     fill(360);

     text("no",mouseX,mouseY);

     }

  if ((keyIsPressed == true) && (key == 'i')){

     fill(360);

     text("dog",mouseX,mouseY);

     }

 if ((keyIsPressed == true) && (key == 'j')){

     fill(360);

     text("body",mouseX,mouseY);

     }

 if ((keyIsPressed == true) && (key == 'k')){

     fill(360);

     text("body",mouseX,mouseY);

     }

 if ((keyIsPressed == true) && (key == 'l')){

     fill(360);

     text("beauty",mouseX,mouseY);

     }

 if ((keyIsPressed == true) && (key == 'm')){

     fill(360);

     text("hate",mouseX,mouseY);

     }

​

 if ((keyIsPressed == true) && (key == 'n')){

     fill(360);

     text("my",mouseX,mouseY);

     }

 if ((keyIsPressed == true) && (key == 'o')){

     fill(360);

     text("heart",mouseX,mouseY);

     }

 if ((keyIsPressed == true) && (key == 'p')){

     fill(360);

     text("you",mouseX,mouseY);

     }

 if ((keyIsPressed == true) && (key == 'q')){

     fill(360);

     text("shout",mouseX,mouseY);

     }

​

 if ((keyIsPressed == true) && (key == 'r')){

     fill(360);

     text("you",mouseX,mouseY);

     }

​

 if ((keyIsPressed == true) && (key == 's')){

     fill(360);

     text("run",mouseX,mouseY);

     }

 if ((keyIsPressed == true) && (key == 't')){

     fill(360);

     text("fast",mouseX,mouseY);

     }     

​

 if ((keyIsPressed == true) && (key == 'u')){

     fill(360);

     text("slow",mouseX,mouseY);

     }

​

 if ((keyIsPressed == true) && (key == 'v')){

     fill(360);

     text("help",mouseX,mouseY);

     }

​

 if ((keyIsPressed == true) && (key == 'w')){

     fill(360);

     text("ouch",mouseX,mouseY);

     }

 if ((keyIsPressed == true) && (key == 'x')){

     fill(360);

     text("o!",mouseX,mouseY);

     }     

​

 if ((keyIsPressed == true) && (key == 'y')){

     fill(360);

     text("hold",mouseX,mouseY);

     }

​

 if ((keyIsPressed == true) && (key == 'z')){

     fill(360);

     text("object",mouseX,mouseY);

     }

​

if ((keyIsPressed == true) && (key == '1')){

     fill(360);

     text("future",mouseX,mouseY);

     }

​

if ((keyIsPressed == true) && (key == '2')){

     fill(360);

     text("hide",mouseX,mouseY);

     }

if ((keyIsPressed == true) && (key == '3')){

     fill(360);

     text("past",mouseX,mouseY);

     }

​

if ((keyIsPressed == true) && (key == '4')){

     fill(360);

     text("water",mouseX,mouseY);

     }

if ((keyIsPressed == true) && (key == '5')){

     fill(360);

     text("of",mouseX,mouseY);

     } 

if ((keyIsPressed == true) && (key == '6')){

     fill(360);

     text("nature",mouseX,mouseY);

     }

if ((keyIsPressed == true) && (key == '7')){

     fill(360);

     text("eat",mouseX,mouseY);

     }

if ((keyIsPressed == true) && (key == '8')){

     fill(360);

     text("television",mouseX,mouseY);

     }

if ((keyIsPressed == true) && (key == '9')){

     fill(360);

     text("making",mouseX,mouseY);

     }

}