itinerary

This commit is contained in:
Elizabeth Hunt 2024-02-01 22:48:49 -07:00
parent d190846651
commit 29dc79359a
Signed by: simponic
GPG Key ID: 52B3774857EB24B1
4 changed files with 41 additions and 7 deletions

View File

@ -1,4 +1,5 @@
import title from "./title?scene"; import title from "./title?scene";
import me from "./me?scene"; import me from "./me?scene";
import itinerary from "./itinerary?scene";
export const scenes = [title, me]; export const scenes = [title, me, itinerary];

View File

@ -0,0 +1,5 @@
{
"version": 0,
"timeEvents": [],
"seed": 2742200033
}

25
src/scenes/itinerary.tsx Normal file
View File

@ -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");
});

View File

@ -1,5 +1,11 @@
import { Node, Img, Txt, Layout, makeScene2D } from "@motion-canvas/2d"; 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 me from "../../public/img/me.jpg";
import { theme } from "../theme"; import { theme } from "../theme";
@ -10,7 +16,7 @@ export default makeScene2D(function* (view) {
const layout = createRef<Layout>(); const layout = createRef<Layout>();
const src = createRef<Txt>(); const src = createRef<Txt>();
yield view.add( view.add(
<> <>
<Layout <Layout
layout layout
@ -39,10 +45,7 @@ export default makeScene2D(function* (view) {
{"=>"} Common LISP {"=>"} Common LISP
</Txt> </Txt>
<Txt fontFamily={theme.font} fill={theme.text.hex}> <Txt fontFamily={theme.font} fill={theme.text.hex}>
{"=>"}{" "} {"=>"} Elixir
<Txt fontFamily={theme.font} fill={theme.mauve.hex}>
Elixir
</Txt>
</Txt> </Txt>
<Txt fontFamily={theme.font} fill={theme.text.hex}> <Txt fontFamily={theme.font} fill={theme.text.hex}>
{"=>"} Functional Programming {"=>"} Functional Programming