Skip to content

Visual Reference

Every visual API in ScrollKit, shown in isolation on a canvas chosen to flatter the effect — deliberately different from the themed Demo Gallery, so you can see the effect itself, not an app. Each sample was recorded from the desktop simulator (make docs-reference) and links back to the guide that documents it.

See it live

A GIF loses the true LED look. To watch any effect in the real simulator window:

python demos/render_reference.py --preview iris-snap

Theatrical transitions

Full-screen swaps between content — cover the old, swap while hidden, reveal the new. Set via the transition_style setting. Full details: Theatrical Transitions.

Drop from Sky
Drop from Sky
Pixel Dissolve
Pixel Dissolve
Column Rain
Column Rain
Gradual Reveal
Gradual Reveal
Scan Fold
Scan Fold
Horizontal Wipe
Horizontal Wipe
Glitch Bars
Glitch Bars
Diagonal Wipe
Diagonal Wipe
Iris Snap
Iris Snap
Venetian Shutters
Venetian Shutters
Mosaic Resolve
Mosaic Resolve
CRT Collapse
CRT Collapse
Light Slit
Light Slit

Characterful scrollers

Scrolling text with personality — mass, waves, mechanical flips. Full details: Characterful Scrolling.

KineticMarquee
KineticMarquee — eases in, dwells at punctuation, springs
WaveRider
WaveRider — characters ride a sine wave
SplitFlap
SplitFlap — flips through glyphs then lands

Palette-animated bitmap text

The glyphs are drawn once; the colour is animated by rewriting the palette each frame. Full details: Palette-Animated Bitmap Text.

RainbowChase
RainbowChase
MonoChase
MonoChase
NeonTubeCrawl
NeonTubeCrawl
ChromeSheen
ChromeSheen
HazardStripes
HazardStripes

Text content modes

ScrollingText scrolls right-to-left, or holds centred when speed=0. Full details: Display.

ScrollingText scrolling
ScrollingText — scrolling
ScrollingText static
ScrollingText — static (speed=0)

Gradient text fill

StaticText / ScrollingText fill the letters with a static gradient along the chosen axis. Full details: Gradient Text.

vertical
direction="vertical"
horizontal
direction="horizontal"
diagonal
direction="diagonal"

Splash reveals

Setup-time reveals that assemble a word or logo. Documented in Effects.

reveal
reveal — wink off non-text pixels
drip
drip — pixels fall into place
swarm
swarm — a flock assembles the image
swarm-reverse
swarm reverse — the flock carries the image away
swirl
SwirlIn — sprites spiral onto their targets

Palette treatments

Dwell animations on a palette-partitioned mark — pure palette writes, zero per-frame pixel work. Documented in Palette Partitions & Treatments.

velvet-sweep
VelvetSweep — a hot sheen crosses diagonally
anchor-wake
AnchorWake — warmth flows out and echoes back
halo-pulse
HaloPulse — pressure waves expand radially
sonar-sweep
SonarSweep — a sector sweeps with afterglow
cipher-rain
CipherRain — staggered highlights descend
ink-shimmer
InkShimmer — interleaved satin shimmer
rim-light
RimLight — a passing light catches stroke edges
heatmap-drift
HeatmapDrift — regions warm and cool
eclipse-cross
EclipseCross — a shadow with a hot corona
gradient-dwell
GradientDwell — a gradient edition and back
stroke-anatomy
StrokeAnatomy — endpoints, corners, junctions, runs
route-circuit
RouteCircuit — packets converge on the terminus
packet-trace
PacketTrace — dots crawl the actual strokes

Particles

Lightweight particle systems. Documented in Effects.

sparkle
Sparkle
snow
Snow
ember
Ember

Character animation

Sprite characters built from ASCII rows — pose cycling, mirroring, eased flight paths, carried props. Animated with the showcase-reel demo's own art. Full tutorial: Character Animation.

owl-flap
Two-pose flap — mirrored art on the return trip
owl-cel-flap
Three-pose cel flap on a sine swoop
owl-stoop
The stoop — ease-in dive, ease-out climb
bee-zigzag
Bee zigzag — a sine path with a two-pose flap
letter-drop
Carrying props — letters released from the talons

Image animators

Per-frame motion layered onto a static image already on screen — the image holds while part of it moves. Documented in Effects.

TwinkleAnimator
TwinkleAnimator — fireflies twinkle over the leaves
MotionAnimator
MotionAnimator — the whole tile flies across and off
EmitterAnimator
EmitterAnimator — steam drifts up from the cup
PalettePulseAnimator
PalettePulseAnimator — the filament breathes
RegionShiftAnimator
RegionShiftAnimator — tentacles ripple (per-column wave)
RegionRotateAnimator
RegionRotateAnimator — the goat tilts its head (true rotation about the neck)
OrbiterAnimator
OrbiterAnimator — a bee loops the honey pot
BlinkAnimator
BlinkAnimator — the eyes blink shut and open
SpriteLiftAnimator
SpriteLiftAnimator — the canoe crosses; the water stays
CoverAnimator
CoverAnimator — mouth reads shut until it snaps open
VanishAnimator
VanishAnimator — a bite is taken out, and stays bitten
FrameCycleAnimator
FrameCycleAnimator — the whole flag waves
ComboAnimator
ComboAnimator — rise + exhaust emitter, composed

Colour generators

Continuous 24-bit ramps sampled at any resolution — not fixed palettes. Documented in Utilities.

spectrum
spectrum(16)
gradient
gradient(deep blue, cyan, 16)
multi_gradient
multi_gradient(fire stops, 16)
depth_palette
depth_palette(base, 0.55, 12)
named colors
the 16 named colours