diff options
| author | Lizzy Hunt <elizabeth.hunt@simponic.xyz> | 2024-02-01 22:48:49 -0700 |
|---|---|---|
| committer | Lizzy Hunt <elizabeth.hunt@simponic.xyz> | 2024-02-01 22:48:49 -0700 |
| commit | 29dc79359a5bd85f492854c2bd6df320904dfdd2 (patch) | |
| tree | 990e3b6e69a0edcfac80c04299a21f085b97172c | |
| parent | d19084665195cb20e62ba77ab9cf46d800b3975b (diff) | |
| download | compiling-the-lambda-calculus-29dc79359a5bd85f492854c2bd6df320904dfdd2.tar.gz compiling-the-lambda-calculus-29dc79359a5bd85f492854c2bd6df320904dfdd2.zip | |
itinerary
| -rw-r--r-- | src/scenes/index.ts | 3 | ||||
| -rw-r--r-- | src/scenes/itinerary.meta | 5 | ||||
| -rw-r--r-- | src/scenes/itinerary.tsx | 25 | ||||
| -rw-r--r-- | src/scenes/me.tsx | 15 |
4 files changed, 41 insertions, 7 deletions
diff --git a/src/scenes/index.ts b/src/scenes/index.ts index 9d08ec5..935fb95 100644 --- a/src/scenes/index.ts +++ b/src/scenes/index.ts @@ -1,4 +1,5 @@ import title from "./title?scene"; import me from "./me?scene"; +import itinerary from "./itinerary?scene"; -export const scenes = [title, me]; +export const scenes = [title, me, itinerary]; diff --git a/src/scenes/itinerary.meta b/src/scenes/itinerary.meta new file mode 100644 index 0000000..5cfc098 --- /dev/null +++ b/src/scenes/itinerary.meta @@ -0,0 +1,5 @@ +{ + "version": 0, + "timeEvents": [], + "seed": 2742200033 +}
\ No newline at end of file diff --git a/src/scenes/itinerary.tsx b/src/scenes/itinerary.tsx new file mode 100644 index 0000000..c480b7f --- /dev/null +++ b/src/scenes/itinerary.tsx @@ -0,0 +1,25 @@ +import { Layout, Txt, makeScene2D } from "@motion-canvas/2d"; +import { + Direction, + beginSlide, + fadeTransition, + slideTransition, + waitFor, +} from "@motion-canvas/core"; +import { theme } from "../theme"; + +export default makeScene2D(function* (view) { + view.add( + <Layout layout direction="column" alignItems="center"> + <Txt fontFamily={theme.font} fontSize={100} fill={theme.text.hex}> + Part One + </Txt> + <Txt fontFamily={theme.font} fill={theme.text.hex}> + Exploring the Functional Programming World + </Txt> + </Layout> + ); + + yield* slideTransition(Direction.Right); + yield* beginSlide("hi"); +}); diff --git a/src/scenes/me.tsx b/src/scenes/me.tsx index 2e36605..6c47860 100644 --- a/src/scenes/me.tsx +++ b/src/scenes/me.tsx @@ -1,5 +1,11 @@ import { Node, Img, Txt, Layout, makeScene2D } from "@motion-canvas/2d"; -import { beginSlide, createRef, waitFor, all } from "@motion-canvas/core"; +import { + beginSlide, + createRef, + waitFor, + all, + fadeTransition, +} from "@motion-canvas/core"; import me from "../../public/img/me.jpg"; import { theme } from "../theme"; @@ -10,7 +16,7 @@ export default makeScene2D(function* (view) { const layout = createRef<Layout>(); const src = createRef<Txt>(); - yield view.add( + view.add( <> <Layout layout @@ -39,10 +45,7 @@ export default makeScene2D(function* (view) { {"=>"} Common LISP </Txt> <Txt fontFamily={theme.font} fill={theme.text.hex}> - {"=>"}{" "} - <Txt fontFamily={theme.font} fill={theme.mauve.hex}> - Elixir - </Txt> + {"=>"} Elixir </Txt> <Txt fontFamily={theme.font} fill={theme.text.hex}> {"=>"} Functional Programming |