Tut­o­r­i­a­l 12

Comments

• Giselle Gray a few years ago

  • Show Sketch

  /* @pjs font=/media/css/Chunkfive-webfont.ttf; */
  /** @peep sketchcode */
  size(300, 300);
  background(255);
  PFont font = createFont("/media/css/Chunkfive-webfont.ttf", 72);
  textFont(font);
  fill(0, 160); // Black with low opacity 
  text("G",  0, 80); 
  text("S", 60, 100); 
  text("L", 120, 120);
  text("E", 180, 140);
  fill(25, 225, 225, 160); // Black with low opacity 
  text("I", 40, 90); 
  text("E", 90, 110); 
  text("L", 150, 130);

• Giselle Gray a few years ago

  • Show Sketch

  /* @pjs font=/media/css/Chunkfive-webfont.ttf; */
  /** @peep sketchcode */
   
  String scrollingText = "Giselle Margaret Gray";
   
  float x;
  float dx = -9;
   
  void setup() {
    size(200, 200);
    PFont font = createFont("/media/css/Chunkfive-webfont.ttf", 72);
    textFont(font);
    x = width;
  }
   
  void draw() {
    background(204);
    fill(0);
    textAlign(LEFT, CENTER);
    text(scrollingText, x, height/1.5 + 40);
    x += dx;
    if (x <= -textWidth(scrollingText)) x = 150;
  }

• Giselle Gray a few years ago

  • Show Code

  /* @pjs font=/uploads/1/rabiohead.ttf; */
  /** @peep sketch */
  void setup() {
    size(200, 200);
    PFont rabiohead = createFont("/uploads/1/rabiohead.ttf", 48);
    textFont(rabiohead);
    frameRate(4);
  }
   
  void draw() {
    background(204);
    fill(0); 
    textAlign(CENTER, CENTER);
    translate(width/2, height/2);
    rotate(random(-PI/3, PI));
    text("revolutionary", random(-5, 5), random(-5, 5));
  }