Skip to content
pixi-silk
GitHub repository
Entry point

pixi-silk/ui/timeline

MiniTimeline: frames, keys, loop range and playback.

import { MiniTimeline } from 'pixi-silk/ui/timeline';

Classes#

ClassDescription
MiniTimelineA compact animation timeline: a ruler you scrub, key dots you select and drag, a loop range and a playhead. Scrubbing past either end stretches like a rubber band. Keys snap to frames. Shift adds to the selection, and a drag on empty track draws a selection box. The wheel zooms around the pointer (sideways or with Shift it pans). A double tap on the ruler zooms in or back out. The top-left corner is at (0, 0). Keys are points in time: there are no curves or values.

Interfaces#

InterfaceDescription
MiniTimelineOptionsOptions of MiniTimeline.
TimelineKeyOne key on a MiniTimeline.
TimelineStateThe reactive state of a MiniTimeline.
TimelineThemeColours of a MiniTimeline (any Pixi colour).

Variables#

VariableDescription
TIMELINE_THEMEDark default theme of MiniTimeline. Override single colours with the theme option.