Modular Alphabet
An interactive visual system that converts text into 3D modular geometry using positional binary encoding. Each character maps to a unique configuration of 8 points within a three-dimensional cube structure — making the invisible logic of encoding visible and explorable.
Key technical decision
Rather than using an existing 3D library with orbit controls, I built a custom spherical rotation camera from scratch on top of p5.js. The trade-off was development time vs. full control over the interaction model. Rejecting standard orbit controls let me design the touch behaviour specifically for mobile-first exploration, eliminating the quirks that come from adapting desktop paradigms to touch.
Outcome
Shipped and live at modular-alphabet.vercel.app. Three interactive modes: an immersive 3D cloud explorer, a real-time text generator with PNG export, and a learning game. Zero external dependencies beyond p5.js.
- JavaScript (ES6+)
- p5.js
- HTML5 & CSS3