VisoTalkExamplesDocsGitHubnpm

Examples / moon-phases

Why the Moon has phases

1:22 · made by an agent with the VisoTalk skill

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 ↗