The term generative can refer to a process that is executed computationally. Based on a set of rules and parametric changes, outputs are generated iteratively. Outputs here can be of many types and origins.

In this workshop we have focus on typography as an output informed and transformed by code and change over time.

How can we build systems in code to create generative type? Through a series of exercises exploring the generative, dynamic and playful potential of type, we have created a series of digital outputs presented in this online showcase.

Generative Type Explorations

by Zarer Lim

Letter Form: 'a' drawn with coded arcs and lines with randomised stroke weight for variants.
Letter Form: 's' drawn with vertex points with randomised height and width in selected points for variants.
a... a poster of the letter 'a' in different weights!
Letter 's' for the many bouncy 'S'es!
Dada-inspired text generator script for the word "Dance".
Generative typographic composition with Dada-inspired "Dance Poem".
"Boing", a Text-to-Point and Steering Behaviour lesson by The Coding Train.
"Boing" gone Bonkers with random rotation! I call them Boingkers!

"Me, Myself, and a Round of Applause"

Experimenting with sound-reactive code, I turned self-applause into a game. The louder you clap, the more vibrant the celebration on screen. Take a break, and have a celebration! Whatever achievements deserve your round of applause! 👏❤️💐

Click here to celebrate yourself!



Fantastic Funguy

With 3.8 million fungi globally, Earth's largest living kingdom inspires this project. Mixing type and grid, it delves into the legibility of letterforms with varied weights. Composed of tiny images depicting dead, "Fantastic Funguy" celebrates the intelligent, lively world of fungi and generative type.

Click here to examine "Fantastic Funguy".

Sketches

My approach for these sketches aims to bridge my knowledge of type design, whether modular or grid-based, with generative type. I enjoy exploring themes of self through type; however, coding can sometimes be restrictive, especially if one is new to it. I overcome that by starting with existing "clean" codes online that allow me to get messy. Quality prompts sent in ChatGPT are also part of my process that helped unleash my imagination with code. In summary, learning coding has brought life to my type journey, and I'm excited for more!

Session 1

Session 2

Session 3

  • Hues Sound-reactive with moving rectangles.
  • Color Array Sound-reactive with moving rectangles.
  • Emojis Sound-reactive with modified rectangles to emojis
  • Text-Input Sound-reactive with moving emojis + text input.

Session 4