Projects
Projects built to be used, inspected, and explained.
This section highlights selected applications with live demos, source code, and engineering context. The goal is to show not only what I built, but also the technical decisions, constraints, and tradeoffs behind each project.
GlyphFlow
Real-time kinetic typography editor that reshapes multilingual text on Canvas without DOM reflow.
GlyphFlow is an interactive browser app that turns text into animated visual forms. Instead of relying on framework-heavy UI code or DOM-based text measurement, it uses Pretext and the Canvas API to recompute line widths every frame and render smooth, expressive typography at interactive speed.
Engineering Highlights
- Pure Canvas rendering loop with animated per-line width functions.
- Pretext-powered layout pipeline using prepareWithSegments() and layoutNextLine().
- Multilingual text support, export-to-PNG, and themed visual presets.
- Minimal stack chosen for performance, portability, and easy static hosting.
Stack
Vite Vanilla JavaScript Canvas API Pretext Docker GitHub Pages