intro to me slide

This commit is contained in:
Elizabeth Hunt 2024-02-01 11:42:08 -07:00
parent d7495c101d
commit 2b2ed28e2d
Signed by: simponic
GPG Key ID: 52B3774857EB24B1
8 changed files with 408 additions and 1481 deletions

BIN
public/img/me.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 752 KiB

1
src/global.css Normal file
View File

@ -0,0 +1 @@
@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap");

File diff suppressed because it is too large Load Diff

View File

@ -1,7 +1,7 @@
{ {
"version": 0, "version": 0,
"shared": { "shared": {
"background": null, "background": "rgb(30,30,46)",
"range": [ "range": [
0, 0,
null null
@ -13,7 +13,7 @@
"audioOffset": 0 "audioOffset": 0
}, },
"preview": { "preview": {
"fps": 30, "fps": 60,
"resolutionScale": 1 "resolutionScale": 1
}, },
"rendering": { "rendering": {

View File

@ -1,7 +1,10 @@
import {makeProject} from '@motion-canvas/core'; import { makeProject } from "@motion-canvas/core";
import example from './scenes/example?scene'; import "./global.css"; // <- import the css
import example from "./scenes/example?scene";
import me from "./scenes/me?scene";
export default makeProject({ export default makeProject({
scenes: [example], scenes: [example, me],
}); });

View File

@ -1,8 +1,23 @@
import { makeScene2D } from "@motion-canvas/2d"; import { Node, Txt, Layout, makeScene2D } from "@motion-canvas/2d";
import { waitFor } from "@motion-canvas/core"; import { beginSlide, waitFor, createRef } from "@motion-canvas/core";
import { palette } from "../palette";
export default makeScene2D(function* (view) { 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);
}); });

5
src/scenes/me.meta Normal file
View File

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

19
src/scenes/me.tsx Normal file
View File

@ -0,0 +1,19 @@
import { Img, Txt, Layout, makeScene2D } from "@motion-canvas/2d";
import { beginSlide, waitFor } from "@motion-canvas/core";
import me from "../../public/img/me.png";
export default makeScene2D(function* (view) {
yield* beginSlide("Title");
view.add(
<Layout
layout
direction="row"
justifyContent="space-around"
alignItems="center"
gap={0}
>
<Img scale={0.5} src={me}></Img>
</Layout>
);
});