Exercise 2: Type Patterns


This exercise is intended to (re)familiarize students with the using Processing to create new forms in design. In particular, the use of type will be explored for output as still images.

Using your postal code as source material, each student will develop 4 individual sketches that expand on the patterning examples shown in class. Each of these sketches should apply a different approach in terms of composition. Use scale, framing and colour to create a variety of patterns. The more you practice and explore various results by testing and previewing your work, the more control you will have over your Processing file.

These will export and posted to the digital locker with a link to the wiki.

text( ), fill( ), alpha( ),rotate( ), translate( ), for( ), string( ),if( ), pushMatrix( ) and
popMatrix( ),random(), beginRecord(PDF), PFont(),textFont(),text(), createFont()

Screen_shot_2010-02-07_at_8.43.36_AM.pngScreen_shot_2010-02-07_at_8.44.16_AM.png
Screen_shot_2010-02-07_at_8.31.42_AM.png Screen_shot_2010-02-07_at_8.20.22_AM.png

PFont myFont;// intialize use of font as variable
  size(800, 800);
  background(255,255,255);
  // creates a bitmap font from computer's font library
  myFont = createFont("Times-Roman",48);
  //loads font into variable and sets size
  textFont(myFont,300);
  //position x and y
  translate(400,400);
  //looping number
  for(int i=0;i<90;i=i+5)
  {
    //black RGB, with a transparency
    fill(0,0,0,120);
    //aligins text can also try LEFT, CENTER
    textAlign(RIGHT);
    // applies translate postioning
    pushMatrix();
    /*PI (180 degrees) is being multipled by the looping number
    to produce multiple instances of the letter. Then divided by another value
    to set the number of letters in the rotation.
    */
   rotate(PI*i/45);
    //rotate(PI*i/20);
    // rotate(PI*i/15);
    //rotate(PI*i/2);,
    // assigning the letter and its x, y ... in this case, its added to translate
    text("M",0,0);
    // finishes the positioning
    popMatrix();
  }