From 7d822f2ba2359e87d65c08a5a2a10e242e246b76 Mon Sep 17 00:00:00 2001
From: Elizabeth Hunt <elizabeth.hunt@simponic.xyz>
Date: Fri, 2 Feb 2024 13:17:24 -0700
Subject: add animation

---
 src/scenes/flirtingwithfunctions.tsx | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 src/scenes/flirtingwithfunctions.tsx

(limited to 'src/scenes/flirtingwithfunctions.tsx')

diff --git a/src/scenes/flirtingwithfunctions.tsx b/src/scenes/flirtingwithfunctions.tsx
new file mode 100644
index 0000000..ede0df9
--- /dev/null
+++ b/src/scenes/flirtingwithfunctions.tsx
@@ -0,0 +1,33 @@
+import { Img, Layout, Txt, Video, makeScene2D } from "@motion-canvas/2d";
+import {
+  Direction,
+  beginSlide,
+  createRef,
+  map,
+  slideTransition,
+  tween,
+} from "@motion-canvas/core";
+import { theme } from "../theme";
+import sad from "../../public/img/sad.mp4";
+import emacsmac from "../../public/img/emacsmac.jpg";
+
+export default makeScene2D(function* (view) {
+  const vid = createRef<Video>();
+  const img = createRef<Img>();
+  const startX = 1200;
+  const endX = 300;
+
+  view.add(<Video width={300} ref={vid} src={sad} x={0} />);
+  view.add(<Img width={200} ref={img} src={emacsmac} x={startX} />);
+
+  vid().loop(true);
+  vid().play();
+
+  yield* beginSlide("No Valentine");
+
+  yield* tween(4.2, (val) => {
+    img().position.x(map(startX, endX, val));
+  });
+
+  yield* beginSlide("Going To The Doctor");
+});
-- 
cgit v1.2.3-70-g09d2