← PluginsTypography
text-feature-captionsOfficial · by ShadereraFeature captions
Huge titles with a small note, several to a scene, swapping on the beat through ASCII noise, each placed anew in one of four layouts inside the safe area.
Add it to a filmOr ask your agent
“Use the shaderera-plugins skill to add text-feature-captions to this film and wire it in, then run check and show me a still.”
- Type
- component · Typography
- Version
- 0.1.0 · published
- Licence
- MIT
- Built on
- npm
- No packages
- Copies
- Tags
- captions, titles, lower thirds, glitch, launch, feature list, kinetic typography
READMEtext-feature-captions
How to
use it.
Big feature captions that swap through ASCII noise, several to a scene, each set somewhere new in one of four layouts (edge, split, column, spine).
import { createCaptions } from './type/captions.ts'// in open (fonts registered with host.io.font first)const captions = createCaptions({ captions: [ { from: clock.at(3), to: clock.at(5), items: [['AUDIO-DRIVEN', 'the line is the song'], ['BEAT GRID', 'cut on the 1/16']] }, ], fonts: { title: '"IBM Plex Mono SemiBold"', small: '"IBM Plex Mono"', note: '"STIX Two Text Italic"' }, swap: 2 * clock.beat, platform: 'reels', // for a vertical variant})// in render(t): a Canvas2D layer over the picturectx.clearRect(0, 0, W, H)captions(ctx, W, H, t, options.frame)Keep the bang clear: put no caption over the biggest moment of the music. Built on text-kinetic and format-safe-areas, which add copies in with it.
More in Typography05 plugins
More in Typography
text-code-wallOfficial · by ShadereraCode wallThe project's own source as a wall of text that scrolls and jumps on the beat, glitched and scrambled, with a claim cut out of the middle.text-glyph-morphOfficial · by ShadereraGlyph morphOne glyph outline or word morphing into another: contours resampled by arc length, paired outer to outer and hole to hole, a contour with no partner grown from a point, the in-between a pure function of k.text-glyph-outlinesOfficial · by ShadereraGlyph outlinesText from a font file as geometry: contours flattened to polylines with the original curves kept, fill triangles with holes cut correctly, and a closed extruded mesh with normals, each with per-glyph ranges so letters can move apart.text-kineticOfficial · by ShadereraKinetic typeCanvas2D text primitives: ASCII scramble, decode in and scramble out, horizontal band glitch, fit to width, hollow outlines, timecode.text-timed-cuesOfficial · by ShadereraTimed cuesLyrics, subtitles and word timings read from LRC (with word times), SRT, WebVTT and JSON (rows, cues or Whisper segments with words): the line and the word at t, times only.