Toolbox Interactiondesign


Generative Gestaltung

Growing Typographie

Heute existiert eine Anzahl an Schriften, die mit Zahlen nicht mehr festgehalten werden kann. Ob Antiqua oder Grotesk, jede für sich einzigartig. “Growing Typographie” ist ein Programm, dass der charakteristischen Form einer Schriftart eine neue Ästhetik verleiht. Die Outline der Schrift bildet Schnittpunkte mit der darunter liegenden Geometrie, die wiederum über Linien miteinander verwebt werden. Verschiedene Parameter lassen zusätzliche Veränderungen zu, sodass die Schrift bis ins “nicht mehr lesbare” verändert werden kann. Anschließend lässt sich das neue Wort, der Satz oder Text in verschieden Materialien fräsen, kratzen und drucken.

 IDEE // KONZEPT

Da mich die generative Gestaltung und die komplexen Strukturen und Muster von Anfang an fasziniert haben, war mein Interesse schnell geweckt mich mit der Programmierung auseinaderzusetzen um diese Strukturen verstehen zu können.

Wie enstehen diese komplexen Strukturen, die ich sehen und manipulieren kann? Welche Strukturen, die so etwas entstehen lassen, verbergen sich dahinter? Was passiert, wenn ich die eigentlich unsichtbaren Elemente mit den sichtbaren vermische oder gar ersetze?

Ergebnis

Da meine Konzentration auf der Ausarbeitung im digitalen Bereich lag, blieb nicht mehr viel Zeit für Experimente mit der Fräse und dem Material bzw. dem Auseinadersetzen mit der Frage: Wie transformiere ich mein digititales Ergebnis nun ins Analoge? Was kann ich tun, um dem Ganzen durch die Übersetzung ins Analoge einen anderen Reiz zu verleihen?

Da sich die Realisierung von unterschiedlichen Strichstärken beim Fräsen als langwieriger Prozess erwiesen hätte und ich leider nicht mehr die Zeit hatte, stieg ich auf den 3D-Drucker um und experimentierte hier ein wenig. Dies kostete natürlich etwas Vor- und Nacharbeit, ersparte jedoch Zeit beim Druckvorgang und ergab ein schönes Ergebnis. Filigrane Verstrebungen, die sich in der Größe mit dem dünnsten Fräser niemals hätten realisieren lassen. Jedoch ließ es es mir nicht nehmen noch ein paar Experimente mit dem Fräser durchzuführen. Schnell stellte sich heraus, dass sich dieselbe Größe mit dieser Feinheit nicht 1:1 auf den Fräser und Holz übertragen lässt. Um denselben Buchstaben ausfräsen zu können musste ich mit größeren Dimensionen arbeiten. Der kleine Buchstabe, hergestellt mit dem 3D-Drucker hat eine Höhe von 6 cm, der ausgefräste Buchstabe auf Holz eine Höhe von 20 cm.

PROGRAMM GRYPO

AUSBLICK

Was wäre wenn…

… ich noch einmal beginnen könnte:

Ich hätte früher mit meinem Hauptprojekt „Growing Typographie“ angefangen, um am Ende mehr herausholen zu können. Da das Programmieren sehr viel Zeit gekostet hat, fehlte sie mir am Ende um mich mit der Transformation ins Analoge zu beschäftigen, mir blieben nur kleine Experimente. Das Projekt ist definitv noch nicht abgeschlossen, wenn die Zeit es erlaubt werde ich mich nochmal an dieses Projekt wagen.

… noch mehr Zeit gehabt hätte:

Ich hätte mich am Anfang des Projektes nur auf das Erlernen und Aneignen des Programms konzentriert, um später bei der Umsetzung meiner Ideen schneller voranzukommen und auch spontane Ideen mal schnell umsetzen zu können.
Obwohl ich doch sehr weit gekommen bin, was meine Processing-Kenntnisse angeht, war es trotzdem schwierig (auch für die Anderen) dies direkt mit einem eigenen Projekt zu verbinden. Teilweise war man gehemmt, weil man nicht wusste, auch betrachtet auf den zur Verfügung stehenden Zeitraum, was möglich war und was nicht. Man konnte sich nicht vorstellen, wie einfach oder schwierig es sein kann gewisse Dinge umzusetzen, da einem anfangs einfach die Grundlagen gefehlt haben um dies richtig einschätzen zu können.

… mit einem größeren Betrag gefördert werden würde:

Experimentieren, experimentieren, experimentieren…

 

PROGRAMMCODE

Bei meinem Programm habe zusätzlich mit den Bibliotheken geomerative und controlP5 gearbeitet. ControlP5 nutzte ich für das Interface, geomerative für das Auslesen und Manipulieren der Schrift.

// Programm Grypo
// Generative Typographie
// Arina Fix

import processing.opengl.*;
import geomerative.*;
import controlP5.*;
ControlP5 cp5;

import processing.dxf.*;
boolean record;



/// GUI ////////////////////////////////////////
Textlabel myTextlabelA;
Textlabel myTextlabelB;
Textlabel myTextlabelC;
Textlabel myTextlabelC1;
Textlabel myTextlabelC2;
Textlabel myTextlabelC3;
Textlabel myTextlabelC4;
Textlabel myTextlabelC5;
Textlabel myTextlabelC6;
Textlabel myTextlabelC7;
Textlabel myTextlabelD;
Textlabel myTextlabelD1;
Textlabel myTextlabelD2;
Textlabel myTextlabelD3;
Textlabel myTextlabelE;
Textlabel myTextlabelE1;
Textlabel myTextlabelE2;
Textlabel myTextlabelE3;
Textlabel myTextlabelE4;
Textlabel myTextlabelE5;
Textlabel myTextlabelF;
Textlabel myTextlabelF1;
Textlabel myTextlabelF2;

// Schrift
int transTypo = 255;
float strokeWeightTypo = 1.0;

// Geo
int transGeo = 80;
float strokeWeightGeo = 1.0;
int maxRadius = 250;
int minRadius = 1; 

// Interscetion
int sizeIntersection = 1;
float strokeWeightInter = 1.0;
int transInter = 100;
int maxLengthLine1=50;


/// VARIABLEN ////////////////////////////////////////
int fontSize = 250;
int countEll = 5;
int countLet;
int countLet1=0;
int distLet =0;
int distLet1 =190;
int sizeEll = 8;

float randomAlt =10;
float randomEll;
float randomEll1;
float randomEll2;

RShape shp;
RShape grp;
RShape cuttingLine;
RShape cuttingLine1;

int  framerate1=30;

void setup() {

  size(1300, 900, OPENGL);
  smooth();
 
 

  // VERY IMPORTANT: Allways initialize the library before using it
  RG.init(this);
  RG.setPolygonizer(RG.ADAPTATIVE);

  //shp = RG.loadShape("typo.svg");

  //shp = RG.centerIn(shp, g);

  RG.ignoreStyles();

  gui();
}




void draw() {
 frameRate(framerate1);
  String a= cp5.get(Textfield.class, "input").getText();
  /*int[] aa= new int[a.length()];
   for(int i=0; i<=a.length(); i++){
   aa[i] = a.charAt(i);
   // RG.shape(RG.getText(aa[i]), "Interstate Black.ttf", fontSize, LEFT);
   RG.shape(aa[i]);
   }*/
  grp = RG.getText(a, "Interstate Black.ttf", fontSize, LEFT);
  countLet=a.length()-1+(countLet1);


  if (record) {
    beginRaw(DXF, "output.dxf");
  }


  pushMatrix();
  translate(120, 1.3*fontSize);
  background(0);


  // Zeichne Zeichenabfolge
  noFill();
  stroke(255, transTypo);
  strokeWeight(strokeWeightTypo);
  //noStroke();
  RG.shape(grp);

  // Create and draw a cutting line

  //float randomEll = random(1,160);
  // float randomEll=20;

  // float randomEll1 = random(1,160);
  //float  randomEll1=100;



  for (int zCountEll=0; zCountEll<= countEll-1; zCountEll++) {
    noFill();
    stroke(255);
    strokeWeight(1);
    randomAlt = minRadius;
    randomEll = random(randomAlt, 200);
    randomEll1 = random(randomEll, maxRadius);
    for (int zCountLet=0; zCountLet<= countLet; zCountLet++) {
      noFill();
      stroke(255, transGeo);
      strokeWeight(strokeWeightGeo);
      // noStroke();
      RShape cuttingLine = RG.getEllipse(95+distLet, -80, randomEll, randomEll);  
      RG.shape(cuttingLine);

      RShape cuttingLine1 = RG.getEllipse(95+distLet, -80, randomEll1, randomEll1);  
      RG.shape(cuttingLine1);


      /*  if(randomEll<=randomEll1){
       
       RShape cuttingLine1 = RG.getEllipse(51, -50, randomEll1, randomEll1);  
       RG.shape(cuttingLine1);
       
       randomEll = random(randomEll1,160);
       RShape cuttingLine = RG.getEllipse(51, -50, randomEll, randomEll);  
       RG.shape(cuttingLine);
       
       }
       else{
       
       RShape cuttingLine = RG.getEllipse(51, -50, randomEll, randomEll);  
       RG.shape(cuttingLine);
       
       randomEll1 = random(randomEll,160);
       RShape cuttingLine1 = RG.getEllipse(51, -50, randomEll1, randomEll1);  
       RG.shape(cuttingLine1);
       
       }*/



      // Get the intersection points
      RPoint[] ps = grp.getIntersections(cuttingLine);
      if (ps != null) {
        for (int i=0; i<ps.length; i++) {
          noStroke();
          // noFill();
          fill(255, 0, 0);
          ellipse(ps[i].x, ps[i].y, sizeIntersection, sizeIntersection);
          for (int j=i+1; j<ps.length; j++) {
            strokeWeight(strokeWeightInter);
            stroke(255, transInter);
            noFill();
            if (dist(ps[i].x, ps[i].y, ps[j].x, ps[j].y)>20 && dist(ps[i].x, ps[i].y, ps[j].x, ps[j].y)<maxLengthLine1) {
              line(ps[i].x, ps[i].y, ps[j].x, ps[j].y);
              //line(20,20,80,80);
            }
          }
        }
      }

      RPoint[] ps1 = grp.getIntersections(cuttingLine1);
      if (ps1 != null) {
        for (int i=0; i<ps1.length; i++) {
          noStroke();
          //noFill();
          fill(255, 0, 0);
          ellipse(ps1[i].x, ps1[i].y, sizeIntersection, sizeIntersection);
          for (int j=i+1; j<ps1.length; j++) {
            strokeWeight(strokeWeightInter);
            stroke(255, transInter);
            noFill();
            if (dist(ps1[i].x, ps1[i].y, ps1[j].x, ps1[j].y)>20 && dist(ps1[i].x, ps1[i].y, ps1[j].x, ps1[j].y)<maxLengthLine1) {
              line(ps1[i].x, ps1[i].y, ps1[j].x, ps1[j].y);
              //line(20,20,80,80);
            }
          }
        }
      }
      ///////////////////// Verbindung zwweier ELipsen

      if (ps1 != null && ps != null) {
        for (int i=0; i<ps.length; i++) {
          for (int j=0; j<ps1.length; j++) {
            strokeWeight(strokeWeightInter);
            stroke(255, transInter);
            noFill();
            if (dist(ps[i].x, ps[i].y, ps1[j].x, ps1[j].y)>20 && dist(ps[i].x, ps[i].y, ps1[j].x, ps1[j].y)>(maxLengthLine1+10)) {
              line(ps[i].x, ps[i].y, ps1[j].x, ps1[j].y);
            }
          }
        }
      }
      distLet+=distLet1 ;
    }
    randomAlt = randomEll;
    distLet=0;
    noFill();
  }//noLoop();
  popMatrix();

  if (record) {
    endRaw();
    record = false;
  }



  // text(textValue, 360, 180);
}


void keyPressed() {
  // Use a key press so that it doesn't make a million files
  if (key == 'r') {
    record = true;
  }
}






///////// test /////////////

public void play(int theValue) {
  println("a button event from buttonB: "+theValue);
} 


//////////////////////////////////////////////////////////////////////////////////////////   
//////////////////////////////////////////////////////////////////////////////////////////   
//////////////////////////////////////////////////////////////////////////////////////////  
//////   INTERFACE      //////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////// 


public void clear() {
  cp5.get(Textfield.class, "input").clear();
}



void gui() {

  cp5 = new ControlP5(this);



 

  /* PFont p = createFont("Courier",12);
   cp5.setControlFont(p,12);*/

  //cp5.valueLabel("Zoom").toUpperCase(false);


  /////////////  GEOMETRIE   //////////////////////////////////////////////////////////////////////////////////////////////

  //cp5.addSlider("scale",1,1.3,scale,40,100,100,10);
  cp5.addSlider("countEll")
    .setPosition(470, 518+90)
      .setRange(1, 20)
        .setSize(80, 15)
          .setColorBackground(color(30))
            .setColorForeground(color(80))
              // .setColorActive(color(50,0,0))
              // .setColorCaptionLabel(255) 
              //  .setColorValueLabel(color(50,0,0))
              .setColorActive(color(139, 0, 0))
              .setColorCaptionLabel(0) 
                ;


  cp5.addSlider("transGeo")
    .setPosition(470, 560+80)
      .setRange(0, 255)
        .setSize(80, 15)
          .setColorBackground(color(30))
            .setColorForeground(color(80))
              // .setColorCaptionLabel(255) 
              .setColorActive(color(139, 0, 0))
              .setColorCaptionLabel(0) 
                ;


  cp5.addSlider("strokeWeightGeo")
    .setPosition(470, 602+70)
      .setRange(0.5, 5.0)
        .setSize(80, 15)
          .setColorBackground(color(30))
            .setColorForeground(color(80))
              // .setColorCaptionLabel(255) 
              .setColorActive(color(139, 0, 0))
              .setColorCaptionLabel(0) 
                ;


  cp5.addSlider("maxRadius")
    .setPosition(470, 644+60)
      .setRange(100, 500)
        .setSize(80, 15)
          .setColorBackground(color(30))
            .setColorForeground(color(80))
              // .setColorCaptionLabel(255) 
              .setColorActive(color(139, 0, 0))
              .setColorCaptionLabel(0) 
                ;


  cp5.addSlider("minRadius")
    .setPosition(470, 686+50)
      .setRange(1, 400)
        .setSize(80, 15)
          .setColorBackground(color(30))
            .setColorForeground(color(80))
              // .setColorCaptionLabel(255) 
              .setColorActive(color(139, 0, 0))
              .setColorCaptionLabel(0) 
                ;

  cp5.addSlider("distLet1")
    .setPosition(470, 730+40)
      .setRange(0, 300)
        .setSize(80, 15)
          .setColorBackground(color(30))
            .setColorForeground(color(80))
              // .setColorCaptionLabel(255) 
              .setColorActive(color(139, 0, 0))
              .setColorCaptionLabel(0) 
                ;

  cp5.addSlider("countLet1")
    .setPosition(470, 774+30)
      .setRange(-10, 10)
        .setSize(80, 15)
          .setColorBackground(color(30))
            .setColorForeground(color(80))
              // .setColorCaptionLabel(255) 
              .setColorActive(color(139, 0, 0))
              .setColorCaptionLabel(0) 
                ;

  /////////////  TYPO  //////////////////////////////////////////////////////////////////////////////////////////////

  cp5.addSlider("transTypo")
    .setPosition(750, 518+90)
      .setRange(0, 255)
        .setSize(80, 15)
          .setColorBackground(color(30))
            .setColorForeground(color(80))
              // .setColorCaptionLabel(255) 
              .setColorActive(color(139, 0, 0))
              .setColorCaptionLabel(0) 
                ;

  cp5.addSlider("strokeWeightTypo")
    .setPosition(750, 560+80)
      .setRange(0, 5.0)
        .setSize(80, 15)
          .setColorBackground(color(30))
            .setColorForeground(color(80))
              // .setColorCaptionLabel(255) 
              .setColorActive(color(139, 0, 0))
              .setColorCaptionLabel(0) 
                ;


 /* cp5.addSlider("maxLengthLine")
    .setPosition(750, 602+70)
      .setRange(1, 20)
        .setSize(80, 15)
          .setColorBackground(color(30))
            .setColorForeground(color(80))
              // .setColorCaptionLabel(255) 
              .setColorActive(color(139, 0, 0))
              .setColorCaptionLabel(0) 
                ;*/


  ///////////////    SCHNITTPUNKTE   ////////////////////////////////////////////////////////////////////////////////////////    

  cp5.addSlider("sizeIntersection")
    .setPosition(1000, 518+90)
      .setRange(0, 20)
        .setSize(80, 15)
          .setColorBackground(color(30))
            .setColorForeground(color(80))
              // .setColorCaptionLabel(255) 
              .setColorActive(color(139, 0, 0))
              .setColorCaptionLabel(0) 
                ;


  cp5.addSlider("strokeWeightInter")
    .setPosition(1000, 602+70)
      .setRange(0.5, 5.0)
        .setSize(80, 15)
          .setColorBackground(color(30))
            .setColorForeground(color(80))
              // .setColorCaptionLabel(255) 
              .setColorActive(color(139, 0, 0))
              .setColorCaptionLabel(0) 
                ;

  cp5.addSlider("transInter")
    .setPosition(1000, 560+80)
      .setRange(0, 255)
        .setSize(80, 15)
          .setColorBackground(color(30))
            .setColorForeground(color(80))
              // .setColorCaptionLabel(255) 
              .setColorActive(color(139, 0, 0))
              .setColorCaptionLabel(0) 
                ;
                
                
    cp5.addSlider("maxLengthLine1")
    .setPosition(1000, 644+60)
      .setRange(0, 100)
        .setSize(80, 15)
          .setColorBackground(color(30))
            .setColorForeground(color(80))
              // .setColorCaptionLabel(255) 
              .setColorActive(color(139, 0, 0))
              .setColorCaptionLabel(0) 
                ;


  ///////////////    TEXTEINGABE   //////////////////////////////////////////////////////////////////////////////////////// 

  cp5.addTextfield("input")
    .setPosition(470, 505)
      .setSize(180, 37)
        .setFont(createFont("helvetica", 20))
          .setFocus(true)
            .setColor(color(255, 255, 255))
              .setColorBackground(color(30))
                .setColorActive(color(139, 0, 0))
                .setColorForeground(color(80))
                .setColorCaptionLabel(0)
                  ;

  cp5.addBang("clear")
    .setPosition(670, 505)
      .setSize(37, 37)
        //.getCaptionLabel().align(ControlP5.CENTER, ControlP5.CENTER)
         //.setFont(createFont("MyriadPro",10))
        .setColorBackground(color(139, 0, 0))
           .setColorForeground(color(30))
          //.setColorValueLabel(color(40)) 
          .setColorActive(color(139,0,0))
          .setColorCaptionLabel(0)
           

          ; 


  /* cp5.addButton("play")
   .setValue(128)
   .setPosition(870,300)
   .updateSize()
   .setColorBackground(color(50))
   .setColorForeground(color(131,139,139))
   ;*/
   
   cp5.addSlider("framerate1")
    .setPosition(930,525)
      .setRange(1, 30)
        .setSize(80, 15)
          .setColorBackground(color(30))
            .setColorForeground(color(80))
              // .setColorCaptionLabel(255) 
              .setColorActive(color(139, 0, 0))
              .setColorCaptionLabel(0) 
                ;
   
   
     ///////////////    Button   //////////////////////////////////////////////////////////////////////////////////////// 
   
   cp5.addButton("EXPORT")
     .setValue(100)
     .setPosition(800,505)
     .setSize(37,37)
     .setColorBackground(color(30))
     .setColorCaptionLabel(color(30))
     ;
     
  
   
   
   
     ///////////////    Beschriftung   //////////////////////////////////////////////////////////////////////////////////////// 
   
    myTextlabelA = cp5.addTextlabel("labelA")
    .setText("GRAPHY")
      .setPosition(80, 500)
        .setColorValue(150)
          .setColor(120)
            .setFont(createFont("MyriadPro-Bold", 50))
              ;

  myTextlabelB = cp5.addTextlabel("labelB")
    .setText("Growing Typography")
      .setPosition(82, 560)
        .setColorValue(150)
          .setColor(200)
            .setFont(createFont("MyriadPro", 20))
              ;

  myTextlabelB = cp5.addTextlabel("labelC")
    .setText("Geomtrie")
      .setPosition(470, 570)
        .setColorValue(150)
          .setColor(200)
            .setFont(createFont("MyriadPro", 15))
              ;
   myTextlabelB = cp5.addTextlabel("labelC1")
    .setText("Anzahl Ellipsen")
      .setPosition(560, 518+92)
        .setColorValue(150)
          .setColor(200)
            .setFont(createFont("MyriadPro", 10))
              ;
              
  myTextlabelB = cp5.addTextlabel("labelC2")
    .setText("Deckkraft")
      .setPosition(560, 560+82)
        .setColorValue(150)
          .setColor(200)
            .setFont(createFont("MyriadPro", 10))
              ;
  
  myTextlabelB = cp5.addTextlabel("labelC3")
    .setText("Strickstärke")
      .setPosition(560, 602+72)
        .setColorValue(150)
          .setColor(200)
            .setFont(createFont("MyriadPro", 10))
              ;
              
   myTextlabelB = cp5.addTextlabel("labelC4")
    .setText("max. Durchmesser")
      .setPosition(560, 644+62)
        .setColorValue(150)
          .setColor(200)
            .setFont(createFont("MyriadPro", 10))
              ;
              
    myTextlabelB = cp5.addTextlabel("labelC5")
    .setText("min. Durchmesser")
      .setPosition(560, 686+52)
        .setColorValue(150)
          .setColor(200)
            .setFont(createFont("MyriadPro", 10))
              ;
     
     myTextlabelB = cp5.addTextlabel("labelC6")
    .setText("Abstand ELlipsenpaare")
      .setPosition(560, 730+42)
        .setColorValue(150)
          .setColor(200)
            .setFont(createFont("MyriadPro", 10))
              ;
              
         myTextlabelB = cp5.addTextlabel("labelC7")
    .setText("Anzahl ELlipsenpaare")
      .setPosition(560, 774+32)
        .setColorValue(150)
          .setColor(200)
            .setFont(createFont("MyriadPro", 10))
              ;

  myTextlabelB = cp5.addTextlabel("labelD")
    .setText("Schrift")
      .setPosition(750, 570)
        .setColorValue(150)
          .setColor(200)
            .setFont(createFont("MyriadPro", 15))
              ;
              
   myTextlabelB = cp5.addTextlabel("labelD1")
    .setText("Deckkraft")
      .setPosition(840, 518+92)
        .setColorValue(150)
          .setColor(200)
            .setFont(createFont("MyriadPro", 10))
              ;
              
    myTextlabelB = cp5.addTextlabel("labelD2")
    .setText("Strichstärke")
      .setPosition(840, 560+82)
        .setColorValue(150)
          .setColor(200)
            .setFont(createFont("MyriadPro", 10))
              ;
              
   /*  myTextlabelB = cp5.addTextlabel("labelD3")
    .setText("max. Linienlänge")
      .setPosition(840, 602+72)
        .setColorValue(150)
          .setColor(200)
            .setFont(createFont("MyriadPro", 10))
              ;*/
              
   myTextlabelB = cp5.addTextlabel("labelE")
    .setText("Linien")
      .setPosition(1000, 570)
        .setColorValue(150)
          .setColor(200)
            .setFont(createFont("MyriadPro", 15))
              ;
              
              
     myTextlabelB = cp5.addTextlabel("labelE1")
    .setText("Durchmesser d.Schnittpunkte")
      .setPosition(1090, 518+92)
        .setColorValue(150)
          .setColor(200)
            .setFont(createFont("MyriadPro", 10))
              ;
              
    myTextlabelB = cp5.addTextlabel("labelE2")
    .setText("Strichstärke")
      .setPosition(1090, 602+72)
        .setColorValue(150)
          .setColor(200)
            .setFont(createFont("MyriadPro", 10))
              ;
              
     myTextlabelB = cp5.addTextlabel("labelE3")
    .setText("Deckkraft")
      .setPosition(1090, 560+82)
        .setColorValue(150)
          .setColor(200)
            .setFont(createFont("MyriadPro", 10))
              ;
              
              
     myTextlabelB = cp5.addTextlabel("labelE4")
    .setText("max. Linienlänge")
      .setPosition(1090, 644+62)
        .setColorValue(150)
          .setColor(200)
            .setFont(createFont("MyriadPro", 10))
              ;
              
              
      myTextlabelB = cp5.addTextlabel("labelF")
    .setText("Löschen")
      .setPosition(710, 530)
        .setColorValue(150)
          .setColor(200)
            .setFont(createFont("MyriadPro", 10))
              ;
              
              
     myTextlabelB = cp5.addTextlabel("labelF1")
    .setText("Export")
      .setPosition(840, 530)
        .setColorValue(150)
          .setColor(200)
            .setFont(createFont("MyriadPro", 10))
              ;
              
              
                          
     myTextlabelB = cp5.addTextlabel("labelF2")
    .setText("Framerate")
      .setPosition(1020, 525)
        .setColorValue(150)
          .setColor(200)
            .setFont(createFont("MyriadPro", 10))
              ;
}




//////////////////////////////////////////////////////////////////////////////////////////   
//////////////////////////////////////////////////////////////////////////////////////////   
//////////////////////////////////////////////////////////////////////////////////////////  
//////  EXPORT      //////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////// 
21.02.2014 | Arina Fix |