Computer Cursive by Tay Papon Punyahotra
![](https://timrodenbroeker.de/wp-content/uploads/2024/01/ezgif-2-f87c9e39eb.gif)
One of the first exercises I assign to my students in my seminars is called “Random Compositions”. Basically, it’s quite simple and could be formulated as a prompt like this: Develop a sketch using Processing or p5.js in which various shapes get randomly placed on the format. The results that my conceptually very strong students come up with are often absolutely remarkable. They often weave a story, a certain poetry into this seemingly abstract brief, bringing unusual ideas from their own individual context into play and turn it into something utterly unique. One project in particular hooked me in my seminar, simply because it was precisely this transfer of the task into a something poetic that took place so smoothly and elegantly. It was created by Papon Punyahotra and is called “Computer Cursive”. Let’s just let him speak for himself:
Can code be used to design a typeface? At a glance, the letters we use seem to be too specific to be made randomly. However, with enough iterations I was able to curate a complete alphabet, numbers, and a few ligatures and punctuations. Through this project I wanted to explore how letterforms could be “discovered” by using a fixed system. By studying and curating the forms I was able to reflect on the fundamentals of each character, legibility, and how each letter works together.
![](https://timrodenbroeker.de/wp-content/uploads/2024/01/ezgif-1-5941030938.gif)
![](https://timrodenbroeker.de/wp-content/uploads/2024/01/ezgif-1-afb62aa1cc.gif)
![](https://timrodenbroeker.de/wp-content/uploads/2024/01/ezgif-1-e944e3e24a.gif)
![](https://timrodenbroeker.de/wp-content/uploads/2024/01/ezgif-1-eb484a7ef9.gif)
![](https://timrodenbroeker.de/wp-content/uploads/2024/01/ezgif-1-f32edf1543.gif)
![](https://timrodenbroeker.de/wp-content/uploads/2024/01/ezgif-5-ca9abb2f7c.gif)
While setting the parameters for the system I focused on exploring three main guidelines, the proportions, the aesthetic of the form itself, and complexity of the shape. I wanted to ensure that the rules that I set would facilitate the best opportunity for letters to form. Therefore, I first decided on a simple grid, using proportions you would use for a regular typeface. Secondly, I experimented with fills and strokes. In the experimentation the strokes worked best since they provided a more breathable form compared to the filled shapes. Finally, I experimented with the complexity of each shape via the number of points plotted. I found that 3 – 7 points worked best as it allowed for both simple and complex forms to be generated.
![](https://timrodenbroeker.de/wp-content/uploads/2024/01/ProgrammingPosters_Sketch-06.png)
The final system is comprised of a 3 by 11 grid and the fixed number of points. The points plotted on the grid was connected with a straight line or a bezier curve at random. This allowed for curved forms as well as straight geometric lines. By using this system I generated 1,000 forms each for 3, 4, 5, 6, and 7 points, making a total of 5,000 forms.
The final typeface is comprised of curated shapes that were all generated using Processing, these curated forms were then added to glyphs and exported as a usable typeface. The final forms were surprisingly similar to the letters we use, although some forms were more recognizable than others. Even more surprisingly, the forms generated felt like they had been handwritten, hence the name Computer Cursive.
![](https://timrodenbroeker.de/wp-content/uploads/2024/01/Spray_Wall03-min-768x1024.jpg)
![](https://timrodenbroeker.de/wp-content/uploads/2024/01/Spray_Wall02-min-1024x768.jpg)
Related
Related
![](https://timrodenbroeker.de/wp-content/uploads/2024/08/Portrait_02_web.jpg)
In an age of increasing digital consumption, Hannah, a recent visual communication graduate, explored “Permacomputing”—a sustainable approach to technology inspired […]
![](https://timrodenbroeker.de/wp-content/uploads/2024/08/tools.gif)
Click here to login or connect!To view this content, you must be a member of Tim's Patreon Unlock with PatreonAlready […]
![](https://timrodenbroeker.de/wp-content/uploads/2024/08/demomockup.gif)
Limitations have always been playing a major role in my creative work; I was only able to develop my best […]
![](https://timrodenbroeker.de/wp-content/uploads/2024/08/Tameem_Port_1.jpg)
In this interview, Copenhagen-based creative director Tameem Sankari shares his journey into Creative Coding, combining Processing, Blender, and Adobe CC. […]
![](https://timrodenbroeker.de/wp-content/uploads/2024/07/Sam-2.jpg)
In this post I’d like to introduce you to Sam Griffith, a talented graphic designer based in Detroit, to discuss […]
![](https://timrodenbroeker.de/wp-content/uploads/2024/07/tnd.jpg)
The next edition of the DEMO Festival is already approaching and I am currently developing a brand new talk for […]
![](https://timrodenbroeker.de/wp-content/uploads/2024/07/lenaw.gif)
20 = 1 21 = 222 = 323 = 824 = 1625 = 3226 = 6427 = 128 … »In […]
![](https://timrodenbroeker.de/wp-content/uploads/2024/05/tool.gif)
Hi! In this post I’ll collect case studies and direct links to tools that people have built with p5.js and […]