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 Tan Wei Ren Ryan

Session 1. The Scalable Letter A.
Session 1. Comb-shaped Letter B.
Session 1. Letter A poster.
Session 1. Letter B poster.
Session 2. Freezing Typography.
Session 2. YMCA!
Session 3. Exploration into FFT and Sound inputs. Click here to view sketch.

My Mini-Project Title

A textToPoints() exploration that builds on an existing exploration into Fast Fourier Transforms using music.

The idea is to separate the inputed music into its bass, treble and mids. Following which, represent these waves in a reactive typographic manner using a combination of particles and colour.

Thus, by doing so, it creates a generative typographic experience where no two generations are exactly the same despite looking similar.

Check out the sketch here!

Sketches

Type and Media was a workshop held over 5 weeks that sought to introduce a new means of presenting typography through p5.js and code. Over these 5 weeks, I've learnt a number of fairly interesting code concepts such as disassembling sound to use the different sound properties, buffers, and different ways of animating type.

While there have been challenges, my approach toward this workshop has always been to explore the logic behind more complex scripts rather than pushing for purely aesthetics, which has thus resulted in the sketches below.

Session 1

Session 2

Session 3

  • Anxious Calmness. Sketch that uses FFT and sound input
    to visualise the struggles of keeping calm.

Session 4