This project was developed during the Short Course on Generative Design for Identity Design at ESMAD, Polytechnic of Porto.
Throughout the course, participants were introduced to experimental concepts and techniques for using Large Language Models (LLMs) to generate Processing code, thereby manipulating each participant’s chosen visual identity.
I chose to work with a visual identity called Hoot, originally created during the Design Fundamentals course unit.
The main goal of this project was to build a program that uses generative design to produce assets which can be reused in various graphic and multimedia contexts.
This course was lectured by Eric Choisy Bernard, Lycée Bréquigny (@brequigny.international)
For demonstration purposes, I refactored the code in P5.js so it can be shown here (overall it does the same, but some functions and quality is only available in the processing version).
Keys:
- c: Capture the current frame in PNG (if you run the original code in my GitHub it also exports in SVG)
- r: Randomize the background, grid, eyes, and logo colors.
- s: Toggle the type of shape drawn in the cells:
- 0 – “Cut-out” triangle
- 1 – Organic ellipse (organic outline with 20 points)
- 2 – Abstract quadrilateral (distorted quadrilateral)
- 3 – Abstract blob (organic shape with 8 points)
- 4 – Abstract star (irregular star with 10 points)
- 0: Reset to the initial configuration.
Click/Drag: Zoom or trigger the wave animation (the shapes morph smoothly as the wave passes).
I successfully completed this course, receiving a final grade of 19 and 3 ECTS. In doing so, I reached another milestone in my learning journey.