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.

It started out simple.

Generative Type Explorations

Hiong Kai Ying

Session 1. Letter O made with triangles
Session 1. Letter P made with triangles
Session 1. Letter P and O in transition poster

Generative type is messy, but fun.

Session 2. Dada inspired style 1
Session 2. Dada inspired style 2
Session 2. Dada inspired compilation
Session 2. Text to Points

Generative type transforms text into a visual journey, where letters evolve and dance with the rhythm of algorithms.

Session 3. Overview
Session 3. Buffer and 3D Sphere
Session 3. Buffer and Text to Points

Generative type inspired by sound and nature.

Pentatonic Nature

Pentatonic Nature draws inspiration from two distinct sources: the pentatonic scale in music and the intriguing world of microorganisms.

People have a natural love for music, and the pentatonic scale, which has just five notes in each octave, produces pleasing tunes that are easy on our ears. It's like the universal language of music that can blend seamlessly with different melodies and chords.

The other part of this project is inspired by bacteria, those tiny creatures that play a big role in our environment. To mimic their look, I've used ellipses (oval shapes) and a carefully chosen set of colours to capture the beauty and importance of these microorganisms in our natural world.

Pentatonic Draft 1
Pentatonic Draft 2
Pentatonic Draft 3
Frames in Pentatonic Draft 3
Pentatonic Draft 3

Sketches

Overall, the generative type workshop was a lot of fun and gave me space to play around with code in a creative way. One of the main challenges, as expected, was understanding the code and making it do what I wanted to create interesting results. I also figured out that coding opens up a bunch of possibilities. At first, I tried to make my sketches match what I imagined, but that ended up limiting my code, especially in the first lesson. As I went through the lessons, I changed my approach. Now, when I start a sketch, I just imagine a basic image and use code to see what cool stuff I can come up with.

Session 1

Session 2

Session 3

Session 4

Final image, some words.