Guide · 07 of 09
Timeline
A timeline is a sequence of steps the learner plays through in order. Each step can narrate, set state instantly, or animate to new values. Great for walkthroughs and guided reveals.
step#
One beat in the timeline. The learner presses play to advance. Narrate text appears as a caption. Steps accumulate — state set in step 1 stays in step 2. hint adds an optional nudge behind a "Hint" button, for a step that isn't obvious on its own.
step ["narrate text"] { [set: {k: v}], [animate: {k: v}], [dur: <ms>], [ease: <curve>], [hint: "..."] }
| prop | type | description |
|---|---|---|
| hint | string | nudge shown behind a Hint button on this step |
Example
here's f(x) = x²
1/3