Code

float rx[];
float ry[];
void setup(){
  size(400, 400);

  rx = new float[100];
  ry = new float[100];
  for (int i=0; i<100; i++){
    rx[i] = random(400);
    ry[i] = random(400);
    BFont Blackadder_ITC;

    Blackadder_ITC = loadFont("Blackadder_ITC.vlw");
    textFont(Blackadder_ITC, 48);

  }
}

void loop(){
  background(75);
  fill(100, 210, 135);
  text("novus", mouseX, mouseY);

  for (int i=0; i<100; i++){
    rx[i] += (mouseX );

    if (rx[i] > (width+10)){
      rx[i] -= (width+20);
    }

    fill(60, 60, 60, 100);
    text("terror", rx[i]-10, ry[i]);
    text("terror", rx[i]+10, ry[i]);
  }
}

030 -- Dynamic Typography I: Letter / Word / Sentence

Statement:Assignments numbered 03x will be due Thursday, October 21. Late assignments will receive half credit. (To help you plan your mid-semester, the assignments numbered 04x will be due Tuesday, November 2.) For assignment 30, select ONE of either A,B, or C.

A. Select two letters from the Roman alphabet. Using the typefaces available in Processing, construct an interactive 400x400 composition using only these two letters. Create a relationship between them which plays out through the interaction.

Conceptual approaches are valued, and humorous approaches are welcome. As one possible suggestion for getting started, consider affixing one of the letters to the cursor, and allowing the other letter to react. Other possibilities: tell a short, non-interactive fiction about the two letters, etc. etc.

B. Choose an adjective which describes someone you know. Bring this word to life in a 400x400 pixel canvas, using one of the typefaces available in the Processing environment. Make the word respond to the cursor, in a manner suggested by its own definition. A conceptual approach is highly valued.

Processing implements the complete Java specification for Strings, providing you with a range of helpful functions that are not otherwise documented on the Processing site. Be sure to read the Java String reference before proceeding!

C. (This assignment is conceptually akin to choreographing movie titles; make sure to sketch adequately beforehand!) Select a short passage of text which appeals to you. (For example: a haiku, a famous quote, etc.) In a 400x400 pixel canvas, present a dynamic typesetting of this text, using one or more of Processing's typefaces. Create a non-interactive, looping sequence which animates the text over some period of time.

Texts should have between 5 and 30 words, and take roughly 10-60 seconds to present. You must not show all the words, all the time. Clicking the mouse should reset the animation. You will probably find the splitStrings command helpful to break apart a paragraph into constituent words.
A Klee drawing named “Angelus Novus” shows an angel looking as though he is about to move away from something he is fixedly contemplating. His eyes are staring, his mouth is open, his wings are spread. This is how one pictures the angel of history. His face is turned toward the past. Where we perceive a chain of events, he sees one single catastrophe that keeps piling ruin upon ruin and hurls it in front of his feet. The angel would like to stay, awaken the dead, and make whole what has been smashed. But a storm is blowing from Paradise; it has got caught in his wings with such violence that the angel can no longer close them. The storm irresistibly propels him into the future to which his back is turned, while the pile of debris before him grows skyward. This storm is what we call progress.

hide statement