FontOutlineSystem fos;
ArrayList path;
boolean record =false;
boolean stopped;
 int[] center = {800/2, 300/2 };

int contVal=0;
void setup() {
 
  size(800,300,JAVA2D);
  fos = new FontOutlineSystem(this);
  fos.loadFont("Helvetica Neue", 130);
  path = fos.convert("FuzzyLogic", 50, center[1]);
   smooth();
   background(0);
}

void draw() {
 fill(0,8);
  noStroke();
  rect(0,0,width,height);

  float t = frameCount;

  float x=0, y=0, ox=0, oy=0, qx=0, qy=0;
  


  for (int i=0, n=path.size(); i<n; i++) {
  
    FontPoint fp = (FontPoint)path.get(i);
    
    float distanceX = abs(fp.x-center[0]);
    float distanceY = abs(fp.y-center[1]);
    stroke(255, 100);
    float[] valuesOX = {x+noise(t,i)*10, x+sin(t)*10,x, x};
    float[] valuesOY = {y+noise(t,i)*10,y+cos(t)*10, y, y};
    float[] valuesX = {noise(t,distanceX)*distanceX*(center[0]-mouseX)/100, distanceX*(center[0]-mouseX)/100,0, distanceX*(center[0]-mouseX)/100 };
    float[] valuesY = {noise(t,distanceY)*distanceY*(center[1]-mouseY)/100, distanceY*(center[1]-mouseY)/100,0, distanceX*(center[1]-mouseY)/100 };
   
    ox = valuesOX[contVal];
    oy = valuesOY[contVal];
   
    qx = x;
    qy = y;
    x = fp.x+valuesX[contVal];
    y =fp.y+valuesY[contVal];

    if (fp.mode==FontPoint.DRAW) {
      line(x,y,ox,oy);
      if((contVal>1) && (contVal<4)) {
      line(x,y,qx,qy);
      noStroke();
      fill(255,50);
      ellipse(x,y,noise(i,t)*10,noise(i,t)*10);
      
      }
     } 
  }
 
}



void keyReleased() {
  if(key == 'r') {
    if(!record) {
        record = true;
    }  else {
    }
      
  }
  if(key == 's') {
    if(!stopped) {
    noLoop();
    stopped=true;
    } else {
      stopped =false;
      loop();
    }
  
  } 
  
  
}

void mouseReleased() {
  if(contVal<3) {
  contVal++;
  } else {
    contVal=0;
  }
}