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="intro" pattern="stage" slots={{title: "t0", main: ["ring", "watch", "big", "bigsub"]}}>
<Beat id="bp1" hold={2.5}>
<Line id="p1">How fast is the world's population really growing? Count it in billions.</Line>
<Appear on="t0" line="p1" word="population"/>
<Tween on="ring" draw={1} line="p1" word="Count" dur={1.2}/>
<Appear on="watch" line="p1" word="Count" offset={0.5}/>
<Appear on="big" line="p1" word="billions"/>
<Appear on="bigsub" line="p1" word="billions" offset={0.5}/>
</Beat>
</Scene>examples/population/doc.tsx on GitHub ↗