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

Syafatul Ain

Session 1. Letter O - Layered Typography
Session 1. Letter S - Layered Typography
Session 1. Some Image caption for Poster 2 if necessary, otherwise remove.
Session 2. Some Image caption for text-load if necessary, otherwise remove.

KARMA

Midnights is the tenth studio album by American singer-songwriter Taylor Swift, released on October 21, 2022. As an avid Taylor Swift fan, I decided to play around with one of my favourite songs of the album, "Karma". The animation displayed at her concerts always look so cool, so I tried to give my best take to attempt to create one for this mini project.

Sketches

Session 1

Session 2

  • Dazed Sketch that uses frameCount and rotate function.

Session 3

  • Buffers Sketch that uses a buffer variable.
  • Sound Reactive Sketch that includes the usage of a microphone input for interactity as well as music input.

Session 4

  • Karma Sketch that shows how to use perlin noise and loops.
When choosing this module, I knew the challenges that it comes with. As much I get annoyed facing difficulties in p5.js, the outcomes are always worth it and satisfying. I learnt a lot by taking small steps to see what functions make a difference to the code, as well as seeking help fromAndreas and friends. After weeks of this workshop, I definitely feel less intimidated by p5.js.