← PluginsTypography
text-code-wallOfficial · by ShadereraCode wall
The 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.
Add it to a filmOr ask your agent
“Use the shaderera-plugins skill to add text-code-wall 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
- code, source, glitch, matrix, tech, launch, ending, claim
READMEtext-code-wall
How to
use it.
The film's own source as a scrolling, glitching wall of text, with a claim cut out of the middle: "everything is source code".
import { createCodeWall, readCode } from './type/code-wall.ts'// in openconst wall = createCodeWall({ files: await readCode(host, ['src/composition.ts', 'src/scene.wgsl']), from: clock.at(31), to: clock.at(32, 2), step: clock.sixteenth, claim: ['EVERYTHING', 'IS SOURCE CODE'], fonts: { mono: '"IBM Plex Mono"', claim: '"IBM Plex Mono SemiBold"' },})// in render(t), on a Canvas2D layerwall(ctx, W, H, t, options.frame)A wide frame shows the files side by side; a tall one shows one file at a time, changing on each step. Built on text-kinetic, which add copies in with it.
More in Typography05 plugins
More in Typography
text-feature-captionsOfficial · by ShadereraFeature captionsHuge 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.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.