/*JOT Assignment 3 - 02 - #200024742
Write a small app that demonstrates kinetic text. 
Your app should allow the user to type something and move the text around 
in some way while they type. 
For example, the user might type text on a line, 
but slowly the words or letters start drifting apart, or perhaps 
the line starts bending, or the words and letters flutter to the bottom of the screen, etc.
Of course you shouldn't exactly copy any of the typographic in Processing or that you find on the web 
(though using such examples for inspiration, as a place to start modifying code, etc. is fine).
 */
 
 //This was heavily modified after analyzing and playing with Veronika's code.
 //I played with every parameter to understand it.
 //I then took some motion examples from my own previous assignments
 //and applied them to this code while tweaking it some more
 //to get the results that I wanted.

PImage f; //Global variable for the Flinstone's background image.

ArrayList letters = new ArrayList();
letter l;
int i;
float j=11;
float k = 1;


void setup(){
  size(600,427);
 //background(255);
 f = loadImage("Flinstones.jpg"); //http://gallery.awn.com/data/521/Flinstones.jpg
image (f, 0,0);
PFont font;
  
  
  font = loadFont("ThereSignHead1-48.vlw"); // "Flinstones" font
  textFont(font, 30);
  textMode(MODEL); //MODEL allows the text to be resized in the animation.
 

}

void draw(){
frameRate(10);
  image (f, 0, 0);
  for(i=0;i<letters.size();i++){
    l = (letter)letters.get(i);
    l.update();
    l.type();
    
  }
}

void keyPressed(){
  fill(0);
  l =new letter(key);
  letters.add(l);

}
class letter{
  float x,y,vel;
  int font,effect;
  char c;
  
  //constructor
  letter(char key){
    this.x=random(100,width-75);
    this.y=random(100,height-75);
   
    vel = 1;
    effect = 8;
    c = (char)key;

  }
  void type(){

float pos1 = random(PI);

    pushMatrix();
    translate(x,y);
    
    scale(pos1);
    rotate(effect+pos1);
   
    j+=11;
    
    {
  k = k +1;
  if (k> 22)
  {
    k = mouseX/PI;
  }
  j = j++;
  if (j>111)
  {
    j = y/PI;
  }
}

    
    if(effect>=8){
      fill(random(255));
    }
    else{ 
     fill(random(255));
    }

    text(c, 0,0);

    popMatrix();
  }

  void update(){
    if(effect==8){
      vel -= .799;
      if(vel<.09){
       effect =1;
     vel = 8;
       
      }


  

    }
  

}
}