Premier Graphics
& Animation
AI & Digital Arts · MS elective · 3 credit hours · 16 sessions

Generative Typography

This experimental course merges graphic design with computer science. Students will move away from static fonts to create “living” letters that react to sound, data, and user input. Using coding environments like Processing and p5.js, students will program their own type tools, exploring randomness, noise, and kinetic motion to push the boundaries of legibility and expression.

§ 01 By the end you can
  1. Understand the logic of creative coding (Variables, Loops, Arrays)
  2. Manipulate font data (Bezier curves/Vector points) using code
  3. Create reactive type that responds to audio or mouse interaction
  4. Design "Variable Fonts" for responsive web environments
  5. Produce a series of generative posters or kinetic brand identities
§ 02 Sixteen sessions

The whole semester.

  1. 01Introduction to Creative Coding (Processing/p5.js)
  2. 02The Coordinate System & Drawing Shapes
  3. 03Typography in Code: Loading & Displaying
  4. 04Manipulating Text: Scale, Rotate, Translate
  5. 05The Grid: Nested Loops & Repetition
  6. 06Geomerative: Accessing Font Paths
  7. 07Interaction: Mouse & Keyboard Events
  8. 08 · MidtermMidterm Examination
  9. 09Audio-Reactive Typography
  10. 10Physics Libraries: Gravity & Collision
  11. 11Variable Fonts & CSS
  12. 12Particle Systems for Text
  13. 13Randomness vs. Perlin Noise
  14. 14Exporting Code to Print (High-Res PDF)
  15. 15Projection Mapping Type
  16. 16Final Project: The Generative Type Tool

Midterm around session 8. Final project briefed at session 8 or 9 and developed in stages until the juries.

§ 03 Final project

Final Project: The Generative Type Tool

How it’s judged

Recommended reading
  1. Generative Design: Visualize, Program, and Create with Processing by Benedikt Gross
  2. Type on Screen by Ellen Lupton
  3. Processing: A Programming Handbook for Visual Designers by Casey Reas
  4. The Nature of Code by Daniel Shiffman
  5. Flexible Visual Systems by Martin Lorenz
More in AI & Digital Arts