(Case Study) // Kinetic Typography 1

(Script Credit - https://timrodenbroeker.de/about/)

*Processing script - 

PGraphics pg;

PFont font; 

void setup() {

  font = createFont("MonospaceTypewriter.ttf", 600);

  size(800, 800, P2D);

  pg = createGraphics(800, 800, P2D);

  //frameRate(30);

}

void draw() {

  background(0);

  pg.beginDraw();

  pg.background(0);

  pg.fill(255);

  pg.textFont(font);

  pg.textSize(300);

  pg.pushMatrix();

  pg.translate(width/2, height/2);

  pg.textAlign(CENTER, CENTER);

  pg.text("hello", 0, 0);

  pg.popMatrix();

  pg.endDraw();

  int tilesX = 10;

  int tilesY = 10;

  int tileW = int(width/tilesX);

  int tileH = int(height/tilesY);

  for (int y = 0; y < tilesY; y++) {

    for (int x = 0; x < tilesX; x++) {

    int wave = int(sin(frameCount*0.05*(x*y)*0.1)*100);

     

      int sx = x*tileW+wave;

      int sy = y*tileH;

      int sw = tileW;

      int sh = tileH;

      int dx = x*tileW;

      int dy = y*tileH;

      int dw = tileW;

      int dh = tileH;

      copy(pg, sx, sy, sw, sh, dx, dy, dw, dh);

      //saveFrame("output/image####.png");

    }

  }

}