← PluginsProcedural & Particles
text-glyph-pointsOfficial · by ShadereraGlyph points
Text set in a font as a fixed point set for particles to form, with the position of every character so parts of a word can move apart.
Add it to a filmOr ask your agent
“Use the shaderera-plugins skill to add text-glyph-points to this film and wire it in, then run check and show me a still.”
- Type
- component · Procedural & Particles
- Version
- 0.1.0 · published
- Licence
- MIT
- Built on
- No other plugins
- npm
- No packages
- Tags
- particles, text to points, wordmark, morph, typography, point cloud
READMEtext-glyph-points
How to
use it.
Text as a fixed point set, for particles that form a word or a name.
import { glyphPoints } from './procedural/glyph-points.ts'// in open, after host.io.font('assets/fonts/IBMPlexMono-SemiBold.ttf', 'IBM Plex Mono SemiBold')const mark = glyphPoints(host, { text: 'SHADERERA', family: 'IBM Plex Mono SemiBold', count: 1 << 18 })// mark.points: Float32Array of x, y in text widths (x in [-0.5, 0.5], y up)// mark.marks[6]: where "ERA" begins, to move part of the word separatelydevice.queue.writeBuffer(buffer, 0, mark.points)The same text, font and seed always give the same points. The text is rasterised: for the outlines themselves, parse the font.