Interactive generative typography sketch — letters stitched together with woven horizontal lines.
Based on the #Genuary2024 day 20 prompt.
- English / Latin — Source Serif 4 Variable (Roman)
- Chinese / CJK — Noto Sans SC
Each character automatically uses the matching font. Mixed English and Chinese in one line is supported.
Serve the folder locally:
python3 -m http.server 3000Then open http://localhost:3000. Fonts are loaded from CDN automatically.
To use a local English font file instead, change FONT_ENGLISH in sketch.js to your font path.
| Control | Effect |
|---|---|
| Text field | Edit the displayed text |
| Letter size | Scales type relative to the artboard |
| Letter spacing | Extra space between English / Latin letters |
| Thread layers | Number of stacked weave passes |
| Thread spacing | Base vertical gap between stitch rows |
| Layer step | How much spacing increases per layer |
| Thread weight | Thread thickness |
| Edge jitter | Roughness at thread endpoints |
| Thread sag | How much threads droop and curve |
| Download SVG | Export the current weave as SVG |
