diff options
Diffstat (limited to 'src/scenes/example.tsx')
-rw-r--r-- | src/scenes/example.tsx | 23 |
1 files changed, 19 insertions, 4 deletions
diff --git a/src/scenes/example.tsx b/src/scenes/example.tsx index 3e35184..8e38187 100644 --- a/src/scenes/example.tsx +++ b/src/scenes/example.tsx @@ -1,8 +1,23 @@ -import { makeScene2D } from "@motion-canvas/2d"; -import { waitFor } from "@motion-canvas/core"; +import { Node, Txt, Layout, makeScene2D } from "@motion-canvas/2d"; +import { beginSlide, waitFor, createRef } from "@motion-canvas/core"; +import { palette } from "../palette"; export default makeScene2D(function* (view) { - // Create your animations here + const node = createRef<Node>(); - yield* waitFor(5); + view.add( + <Node ref={node}> + <Layout layout direction="column" textAlign="center" gap={80}> + <Txt fontFamily={"Fira Code"} fill={palette.text.hex}> + Compiling The Lambda Calculus {"=> λ"} + </Txt> + <Txt fontFamily={"Fira Code"} fill={palette.text.hex}> + Elizabeth Hunt (@simponic) + </Txt> + </Layout> + </Node> + ); + yield* beginSlide("Title"); + yield* node().opacity(0, 1); + yield* waitFor(1); }); |