Narration
Click a sentence to jump to it.
Source
The video is this document. The narration is the text of each Line, and a word inside it makes an object appear when it is spoken.
<Scene id="change" pattern="stage" slots={{title: "t-change", main: "ph"}}>
<Beat id="b1" hold={0.3}>
<Appear on="t-change" at="start"/>
<Line id="m1">Look up on different nights and the Moon seems to change shape: a <Tween id="s1" on="ph" shown={1} dur={0.7}>sliver</Tween>, a <Tween on="ph" shown={2} dur={0.7}>half</Tween>, a <Tween on="ph" shown={3} dur={0.7}>full disc</Tween>.</Line>
</Beat>
<Beat id="b2" slots={{note: "n-same"}} hold={1}>
<Line id="m2">But the Moon <Tween on="ph" whole={1} dur={1.4}>does not change shape</Tween>. It <Appear on="n-same">only looks</Appear> like it does.</Line>
</Beat>
</Scene>examples/moon-phases/doc.tsx on GitHub ↗