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 Wong Jade Min

About

Session 1. Sketched this letter using shapes on p5js.
Session 1. Sketched this letter using shapes on p5js.
Session 1. Added an Array for colors and random filled it.
Session 1. Experimented with Tiles.
Session 2. Loading Text and using sin or cos to make animation.
Session 2. Inspired by Josef Mueller Brockmann, 1971. Swiss Design.
Session 2. Letters 'avoids' cursor and moves around. You gotta chase after it!
Session 2. Squeeeze!
Session 3. Text Reactive to Music. DJ moment! 💃🏻🕺
Session 3. Interesting Iterations came out of this project.
Session 3. My attempt at DJ-ing.

Leisure Awaits You at the Beach!

My mini project draws inspiration from the ebb and flo of ocean waves, translating their natural rhythm into a type movements. By experimenting with tiles and time-based animations, I achieved a visual experience reminiscent of the rhythmic patterns found in ocean waves.

Session 4. My initial wave sketch using tiles.
Session 4. My experiment with blendMode look really great!!

Sketches

My coding approach tends to be a bit fluid, and it's mostly based on what I feel like doing in the moment. I like to experiment a lot, although sometimes it takes hours and hours before I achieve an outcome I really like. To overcome this, I would simplify things and acknowledge the skills that I have acquired through the practice. Throughout this journey, I really enjoyed it a lot and I found a sense of fulfillment whenever I'm able to understand certain functions and apply it to my code.

Session 1

Session 2

  • Uh Oh! A sketch that experimented with movements.
  • Laufey Sketch inspired by Josef Mueller Brockmann, 1971. Swiss Design.
  • Squeeeze. A sketch where I experimented with letter spacings.
  • Chasing Words Another one where I experimented with letter spacings.
  • See Tried to Understand Text to Point.

Session 3

  • Soul Music Experimented with Sound Reactive and Text to Point. Press Number 1 2 3 4 for different variations. You can be a DJ!

Session 4