KQ-377 · GLYPH/SWEEP
Glyph Sweep
A transition between panels: change the index and a band of glyphs sweeps across the surface, dissolving the old panel into characters at its leading edge and setting the new one in crisp behind it. Both panels are painted textures, so the sweep is one shader pass; between sweeps the surface is the live panel.
KQ-377 · GLYPH/SWEEP
Fieldline · north face
Ridge camp holds through the window.
Wind has eased since the six a.m. check. The crew above the treeline can push for the saddle before the next front rolls in.
- Access trailcleared
- Weather windowclosing
- Equipment cachestaged
set the next one in type
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/glyph-sweep
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| index / children | number · ReactNode[] | — | Which panel shows; the children are the panels. |
| direction / duration / band | "right" | "left" | "down" | "up" · number · number | — | Which way the sweep travels, how long it takes in seconds, and how wide the glyph band is in px. |
| cell / charset / color | number · string · string | — | Glyph cell size, the character ramp, and the glyph colour. |