KINEMA v0.3 · responsive motion sketchpad
0:00.0 / 0:00.0
nothing on this scene — add an object from the rail
scenes
drag diamonds to retime · click one to pose it · scrub the ruler · space plays
s
0.00s
Easing
Drag the two handles. X stays between 0 and 1; push Y beyond the rails for anticipation (below 0) and follow-through (above 1). The dot previews the curve in a loop.
35%
2
preview
exports as cubic-bezier() or linear() depending on the curve
Stage
backdrop — stage background
color
image
the backdrop rides to ScrollStory as stage.bg (image as stage.bgImg) and into the CSS / HTML / SVG exports.
size & shape — force a fixed size
×
poses are stored as % of the stage (x across width, y down height; sizes and fonts as % of width), so changing screens never breaks the composition — it re-previews it. “set stage” forces this exact fixed pixel size.
Export
import — replace the current project