GlyphAxisMorph Op
Pre-calculates glyph outlines at axis min and max values, then interpolates coordinates arithmetically at render time — zero fontkit calls per frame.
Summary (oneliner)
Key features:
- At build time: extracts path coordinates for each unique character at Axis Min and Axis Max values
- At render time: linear interpolation ( lerp ) between min/max coordinates using a 0→1 morph array
- Per-glyph morph values allow smooth, independent animation of each letter
- Advance widths are also interpolated for correct spacing
- Supports multiline, tracking, Center Lines
- Skip Combined Path toggle for performance when only Glyph Paths + Positions are needed
Full Name
- Ops.Extension.FontKit.GlyphAxisMorph
- Extension Op - visible for everyone
- MIT
bust- fontkit.min.js (commonjs)
Documentation (markdown)
Issues
Example patch id
Youtube ids (comma seperated)
Op Licence
Caniuse query
Example Patch Fontkit Glyph Morph Example
INPUT PORTS
Font Object (Object)
Text (String)
Tracking (Number)
Line Height (Number)
Axis Tag (String)
Axis Min (Number)
Axis Max (Number)
Morph Values (Array)
Default Morph (Number)
Skip Combined Path (Number: boolean)
Center Lines (Number: boolean)
OUTPUT PORTS
Glyph Paths (Array)
Glyph Positions (Array)
Combined SVG Path (String)
Text Width (Number)
Text Height (Number)
Glyph Count (Number)
Text Out (String)
Tracking Out (Number)
Ready (booleanNumber)