diff options
Diffstat (limited to 'src/scenes/further.tsx')
-rw-r--r-- | src/scenes/further.tsx | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/src/scenes/further.tsx b/src/scenes/further.tsx new file mode 100644 index 0000000..8758080 --- /dev/null +++ b/src/scenes/further.tsx @@ -0,0 +1,43 @@ +import { Layout, Txt, makeScene2D } from "@motion-canvas/2d"; +import { + Direction, + beginSlide, + createRef, + slideTransition, +} from "@motion-canvas/core"; +import { theme } from "../theme"; + +const goingFurtherLInes = [ + "pattern matching", + "the typed lambda calculus", + "church turing thesis", + "lazy vs eager loading, why we use left innermost reduction", + "compiling to machine code & continuation passing style as IR", + "monads", +]; + +export default makeScene2D(function* (view) { + const lines = createRef<Txt>(); + + view.add( + <Layout layout direction="column" alignItems="center"> + <Txt fontSize={40} fontFamily={theme.font} fill={theme.text.hex}> + Going Further + </Txt> + <Txt + ref={lines} + fontSize={30} + fontFamily={theme.font} + fill={theme.text.hex} + ></Txt> + </Layout> + ); + + yield* slideTransition(Direction.Right); + yield* beginSlide("Going Further"); + + for (const line of goingFurtherLInes) { + yield* lines().text(lines().text() + "\n\n" + line, 1); + yield* beginSlide("line - " + line); + } +}); |