Typemachines

With Processing you can create complex typo animations. In contrast to conventional animation tools, Processing has a decisive advantage here: Programmed typographic systems can be scaled infinitely. As soon as data, interaction and logic come into play, the true value of Generative Design is revealed.

To reach this point, however, we must first understand the basic typographic features of Processing. This is exactly what this course is all about.

This course deals with programmed, kinetic typography. Using Processing, we will approach this exciting phenomenon. I will impart the technical know-how necessary for programming flexible typographic systems.

← Back to course-overview

Get started →
  1. Chars and Strings
  2. Displaying Text
  3. Styling Text
  4. Preloading (p5.js)
  5. Asset-Management
  6. Utilizing a font
  7. Text-Frames
  8. Line-Breaks
  9. Line-Height
  10. String Methods
  11. String Concatenation
  12. Getting the Text-Width
  13. Example: charArt
  14. Example: Newsticker
  15. Example: 3D Typography
  16. Example: Circular Distribution
  17. Addon: Letter Spacing
  18. Wrapping Up
  19. Appendix