summaryrefslogtreecommitdiff
path: root/src/scenes/example.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/scenes/example.tsx')
-rw-r--r--src/scenes/example.tsx23
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);
});