Typography

Team Little

James

Computer Science Spring 2011 Project

Hope Charter High School (wiki, blog, official site)

Mr. Bujak


insert more recent updates here in a reverse chronological order


5/31/2011 update: -------------------------------------------------

INFO:

image 1 (20% rotated, scaled at 2.1):
CS.Typography.1.rotated_20_percent.png

image 2 (50% rotated, scaled at 2.1);
CS.Typography.1.rotated_50_percent.png

code:
/* Typography
 * Team Typography
 * James
 * Computer Science - Hope Charter High School
 * 2011 Spring Semester
 * Mr. Bujak
 */
 
int black  = color(0,   0,   0);   // this is a good practice to define variables/constants that ...
int red    = color(255, 0,   0);   // help you create self-documenting code
int green  = color(0,   255, 0);
int blue   = color(0,   0,   255);
int yellow = color(255, 255, 0);
int purple = color(255, 0,   255);
int aqua   = color(0,   255, 255);
int white  = color(255, 255, 255);
int greenTrans  = color(0,   255,   0, 85);  // 85/255 alpha --> ~1/3 opaque or 2/3 transparent
int yellowTrans = color(255, 255,   0, 85);
int purpleTrans = color(255, 0,   255, 65);  // some colors are "harder", so backoff the opacity
int aquaTrans   = color(0,   255, 255, 85);
 
String s= "ME LLAMO DIEGO POCO mi cumpleaƱos es ENERO Treinta y uno ";
int speedSize = 30;
int counterSze = 0;
int speedColor = 60;
int counterColor = 0;
 
void setup() {
  size(900,600);
  println(s.toLowerCase());
  println(s.charAt(0));
  fill(red);
  textSize(15);
  translate(width/2,height/2);
}
 
void draw() {
  background(white);
  translate(width/2,height/2);
 
  /* FLASHING CHANGING SIZE TEXT:
   counterColor++;
   if (counterColor > speedColor) {
   fill(random(0,255),random(0,255),random(0,255));
   counterColor = 0;
   }
   counterSize++;
   if (counterSize > speedSize) {
   textSize(random(14,14));
   counterSize = 0;
   }
   text(s,23,23);
   */
 
  fill(black);
  text(s,0,0);
  drawGrid(blue);               // draw the original grid
  // we will be changing these 3 lines
  // translate(25, 55);
  scale(2.1);
  float angle = lerp(0, 2*PI,(float)mouseX/width);
  println(mouseX + "  " + (float)mouseX/width);
  rotate(angle);
  fill(black);
  text(s,0,0);
  drawGrid(greenTrans);              // draw the transformed grid
}
 
// ---- USER DEFINED FUNCTIONS BELOW: ---------------------------------
void drawGrid(color c) {              // a bad side effect is that the pen color is set to c
  stroke(c);                          // change the color of the "pen"
  for (int x=0; x<=width; x+=10) {    // vertical grid lines
    line(x, 0, x, height-1);
  }  // for
  for (int y=0; y<=height; y+=10) {   // horizontal grid lines
    line(0, y, width-1, y);
  }  // for
}  //drawGrid()



.





.