Split-Flap Board

HTML to video · A title · Apache-2.0

What it does

Solari-style departure board: every cell walks its drum forward through the intervening characters of a fixed alphabet until it lands on its target, so the text resolves as a mechanical cascade instead of a fade.

Get it

Copy the folder into a project, or npx hyperframes add split-flap-board (fetches it from GitHub main to compositions/split-flap-board.html). It is a whole page with its own timeline: render it alone, or mount it in a film as a sub-composition. 5 settings to change.

Source on GitHub
Needs

Loads its libraries from the network when it renders (cdn.jsdelivr.net).

Re-skin

By props (text, numbers)

Declared variables: boardText, flapAlphabet, flipDuration, cellStagger, cellCount. 10 hex colors and 1 font stack are written in the file's CSS.

Size

1920 x 1080 · 4 s

License

Apache-2.0

License notes are on the pack's page

From

HyperFrames

Everything from HyperFrames in the gallery

Back to the Asset Library