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( + + + Part One + + + Exploring the Functional Programming World + + + ); + + 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(); const src = createRef(); - yield view.add( + view.add( <> "} Common LISP - {"=>"}{" "} - - Elixir - + {"=>"} Elixir {"=>"} Functional Programming