• fullscreen
  • text_as_data_03.pde
  • PFont myFont;
    
    
    String theText = "";
    String theBackupText = "";
    
    int x = 50;
    int y = 100;
    int dx = 2;
    int dy = 2;
    
    
    void setup() {
     
      // 
      size(800, 600);
      smooth();
      background(255);
      
      myFont = createFont("Courier", 24);
      textFont(myFont);
    
      noStroke();
      fill(127);
      text("write text for visuals …", 30, 50);
      
    }
    
    
    void draw() {
      
      noStroke();
      fill(255);
      rect(0,550,800,70);
    
      fill(127);
      // Textstring, der eingegeben wurde ausgeben in der Konsole
      text(theBackupText, 30-(theBackupText.length()*10), 570);
      
      fill(255);
      rect(0,550,20,70);
      
      fill(255);
      rect(780,550,20,70);
      
    }
    
    
    void keyPressed() {
      // testen ob shift gedrückt wurde
      // ansonsten wird das gedrückte zeichen an die vorhandene Zeichenkette angefügt
      if((int)key != 65535) {
        theText += key;
        // Welchen Zahlenwert hat das zeichen?
        println("Wert des Zeichens " + key + " ist " + int(key));
        // Textstring, der eingegeben wurde ausgeben in der Konsole
        println(theBackupText + "\r\n");
      }
      
      theBackupText = theBackupText + key;
      
      for (int i = 0; i<theText.length(); i++) {
       
        char letter = theText.charAt(i);
        
        if(letter == ' ') {
    
           x = x + 50;
           
           if(x == 800) {
            
             y = y + 50;
             x = 50;
          
            }
           
            theText = "";
            dx = 2;
            dy = 2;
        
        } else {
        
          // Ellipse mit steigendem Durchmesser zeichnen
          noStroke();
          fill(0, 5);
          ellipse(x, y, dx, dy);
          
          if(dx <= 46) {
            dx = dx + 2;
            dy = dy + 2;
          }
          
        }
      }
    }
    

    code

    tweaks (0)

    about this sketch

    This sketch is running as Java applet, exported from Processing.

    license

    advertisement

    Martin Guder

    visualisation of text

    Add to Faves Me Likey@! 1
    You must login/register to add this sketch to your favorites.

    type text to see the length of each word be visualised by circles that differ in their darkness and width/height.

    You need to login/register to comment.