Inspired by the Chinese game Tangram, we programmed a modular alphabet using the libraries P5.js and GSAP. Each letter consists of the same seven geometric figures. By keyboard input, the user can enter letters, which appear as a Tangram square and then animate to the respective letter through shifts and rotations.
We have taken the modular system for our typeface from the Chinese tile-laying game "Tangram".
Each tangram game is composed of seven different parts, so is each letter of our script, composed of exactly these seven tangram parts.
2 x large triangles
1 x medium triangles
2 x small triangles
1 x parallelogram
In the objects.js file, the various geometric shapes are declared in classes. In letters.js, the individual letters are constructed using the seven tangram objects from the objects.js file.