Let's start a new sketch by navigating to File | New.

Add a setup() and a draw() method.

Now add the prepared script to the Processing sketch by navigating to Sketch | Add File and selecting the file you just downloaded.

Add the following line to your setup() method:

void setup() {
  String[] rawLines = loadStrings( "romeo_and_juliet.txt" );
}

If you renamed your text file, change the filename accordingly.

Create a new tab by clicking on the little arrow icon on the right and choosing New Tab.

Name the class Line. This class will hold our text lines and the speaker.

Add the following code to the tab we just created:

public class Line {
  String speaker;
  String text;

  public Line( String speaker, String text ) {
    this.speaker = speaker;
    this.text = text;
  }
}

Switch back to our main tab and add the following highlighted lines of code to the setup() method:

void setup() {
  String[] rawLines = loadStrings( "romeo_and_juliet.txt" );

  ArrayList lines = new ArrayList();
  for ( int i=0; i<rawLines.length; i++) {
    if (!"".equals(rawLines[i])) {
      String[] tmp = rawLines[i].split("#");
      lines.add( new Line( tmp[0], tmp[1].trim() ));
    }
  }

}

We have read our text lines and parsed them into the lines array list, but we still need a class that does something with our text lines. So create another tab by clicking on the arrow icon and choosing New Tab from the menu; name it Drama.

Our Drama class will be a thread that runs in the background and tells each of the speaker objects to read one line of text. Add the following lines of code to your Drama class:

public class Drama extends Thread {
  int current;
  ArrayList lines;
  boolean running;

  public Drama( ArrayList lines ) {
    this.lines = lines;
    current = 0;
    running = false;
  }

  public int getCurrent() {
    return current;
  }

  public Line getLine( int num ) {
    if ( num >=0 && num < lines.size()) {
      return (Line)lines.get( num );
    } else {
      return null;
    }
  }

  public boolean isRunning() {
    return running;
  }
}

Now we add a run() method that gets executed in the background if we start our thread. Since we have no speaker objects yet, we will print the lines on the console and include a little pause after each line.

  public void run() {
    running = true;

    for ( int i =0; i < lines.size(); i++) {
      current = i;
      Line l = (Line)lines.get(i);
      System.out.println( l.text );
      delay( 1 ); 
    }
    running = false;
  }

Switch back to the main sketch tab and add the highlighted code to the setup() method to create a drama thread object, and then feed it the parsed text-lines.

Drama drama;

void setup() {

  String[] rawLines = loadStrings( "romeo_and_juliet.txt" );
  ArrayList lines = new ArrayList();
  for ( int i=0; i<rawLines.length; i++) {
    if (!"".equals(rawLines[i])) {
      String[] tmp = rawLines[i].split("#");
      lines.add( new Line( tmp[0], tmp[1].trim() ));
    }
  }

  drama = new Drama( lines );
}

So far our sketch parses the text lines and creates a Drama thread object. What we need next is a method to start it. So add a mousePressed() method to start the drama thread.

void mousePressed() {
  if ( !drama.isRunning()) {
    drama.start();
  }
}

Now add a little bit of text to the draw() method to tell the user what to do. Add the following code to the draw() method:

void draw() {
  background(255);
  textAlign(CENTER);
  fill(0);

  text( "Click here for Drama", width/2, height/2 );
}

Currently, our sketch window is way too small to contain the text, and we also want to use a bigger font. To change the window size, we simply add the following line to the setup() method:

void setup() {

  size( 800, 400 );
  
  String[] rawLines = loadStrings( "romeo_and_juliet.txt" );
  ArrayList lines = new ArrayList();
  for ( int i=0; i<rawLines.length; i++) {
    if (!"".equals(rawLines[i])) {
      String[] tmp = rawLines[i].split("#");
      lines.add( new Line( tmp[0], tmp[1].trim() ));
    }
  }

  drama = new Drama( lines );
}

To change the used font, we need to tell Processing which font to use. The easiest way to find out the names of the fonts that are currently installed on the computer is to create a new sketch, type the following line, and run the sketch:

    println(PFont.list());

Copy one of the font names you like and add the following line to the Romeo and Juliet sketch:

  void setup() {

    size( 800, 400 );
    textFont( createFont( "Georgia", 24 ));

...

Replace the font name in the code lines with one of the fonts on your computer.