Swing Display is an interactive type experiment loosely based on the movement of a chandelier. The little “crystals” are connected as a chain and move when you click and drag them with the cursor.
The grid itself is made up of a 1:1 crystal (a hexagon) and a stretched crystal that takes up two vertical spaces. The distribution of the crystals is actually randomized which means that each time a letter is generated it’s completely different.
The typeface has four variations for each letter, playing around with the level legibility, going from still (1) to a lot of movement (3). The fourth variation has all three layers of movement stacked.
Year
2024
Tools
p5.js
matter.js