GMU:Wild Type/Part1

From Medien Wiki
< GMU:Wild Type
Revision as of 12:54, 27 October 2015 by Ms (talk | contribs)

From Point to Line to Letter

Font Representation

Fonts can be represented as

  • Raster Graphics or Pixel Graphics
  • Vector-Graphics
    • Outlines or Midlines
    • Curves or Line Segments
    • Circular Arcs or Bezier-Curves

What are the pros and cons of the various representations?

Parametric Letters

Letter J example

  • This is an example of a parametric `J` for Processing 3.0.
  • It uses midlines rather than the outlines to represent the letter
  • `tweak` the sketch to play with the parameters.

Screenshot

to be done

Source Code

void setup() {
  size(400, 400);
  noFill();
}

void draw() {

  int gap = 30;
  int pos = 228;
  int maxheight = 303;
  int thickness = 1;
  int dx = 163;
  int dy = 186;

  background(0);
  stroke(255);
  strokeWeight(thickness);
  line(pos, gap, pos, maxheight - gap);
  arc(pos - dx/2, maxheight - gap, dx, dy, 0, PI);
  
}

Examples

to be done

Homework

  1. Pick a letter from the alphabet and create your own parametric letter
  2. Put the source code and a screen shot onto your user page for this course