GENERATIVE TYPOGRAPHY
A collection of coded typographic explorations using Javascript editor p5.js. All the works produced are generated through code. Lastly, a mini-project called TEXT-TURE, is being featured, where I will be exploring typographical forms as texture design.
TEXT-TURE
A series of code experimentations on typography generated textures. In this project, I drew inspiration from Studio Dumbar's ‘Amsterdam Sinfonietta’ which works with typography as a graphical element. This inspired me to experiment with the use of letterform as a way to create pattern and texture.
Using the letterform of alphabets, I layered them with varying text sizes, colours and positions to create an illusion of a 3-dimensional form. To create texture within 2-dimensional limits, a range of text sizes are applied to form ridges that mimic material. This is further enhanced by creating a light source using a colour gradient that follows the movement of the waveform, to ensure the 'shadows' only fall between the ridges. The wave moves as a whole, with the animation of text sizes and colour in sync, to portray an effective illusion. The subtle animations resemble the kinetics of flowing material. The slow movement of the sketch makes the visual experience calming and pleasing to view.
Using the letterform of alphabets, I layered them with varying text sizes, colours and positions to create an illusion of a 3-dimensional form. To create texture within 2-dimensional limits, a range of text sizes are applied to form ridges that mimic material. This is further enhanced by creating a light source using a colour gradient that follows the movement of the waveform, to ensure the 'shadows' only fall between the ridges. The wave moves as a whole, with the animation of text sizes and colour in sync, to portray an effective illusion. The subtle animations resemble the kinetics of flowing material. The slow movement of the sketch makes the visual experience calming and pleasing to view.
