Pile-o-Type builds on the code from Type-o-Graphic, continuing to explore the intersections of typography, design, art, and chance. Instead of scattering characters across the canvas, Pile-o-Type places them near the center at varying sizes within a limit, creating a compelling visual effect that invites the viewer to explore the nuances and interesting details that emerge.

The algorithm uses only two blend modes: Difference and Remove. By limiting the blend modes and using a smaller and softer colour palette, Pile-o-Type creates a cohesive graphical aesthetic while still allowing for an endless array of randomized layouts. Each time a character overlaps with a previous character, it either masks out the overlapped section, turns it black or the selected palette colour.

Crop marks are added to the corners of each output as a nod to traditional print media and to reinforce a connection between digital and physical outputs.

Press S to save image

Created with p5js by fauxjebus in 2023
Follow me on twitter or instagram @fauxjebus