1 files changed, 12 insertions, 3 deletions
diff --git a/src/scenes/flirtingwithfunctions.tsx b/src/scenes/flirtingwithfunctions.tsx
index 7f5f9da..603ffc4 100644
--- a/src/scenes/flirtingwithfunctions.tsx
+++ b/src/scenes/flirtingwithfunctions.tsx
@@ -1,5 +1,12 @@
 import { Img, Video, makeScene2D } from "@motion-canvas/2d";
-import { beginSlide, createRef, map, tween } from "@motion-canvas/core";
+import {
+  Direction,
+  beginSlide,
+  createRef,
+  map,
+  slideTransition,
+  tween,
+} from "@motion-canvas/core";
 import sad from "../../public/img/sad.mp4";
 import emacsmac from "../../public/img/emacsmac.jpg";
 
@@ -9,8 +16,10 @@ export default makeScene2D(function* (view) {
   const startX = 1200;
   const endX = 300;
 
-  yield view.add(<Video width={300} ref={vid} src={sad} x={0} />);
-  yield view.add(<Img width={200} ref={img} src={emacsmac} x={startX} />);
+  view.add(<Video width={300} ref={vid} src={sad} x={0} />);
+  view.add(<Img width={200} ref={img} src={emacsmac} x={startX} />);
+
+  yield* slideTransition(Direction.Right);
 
   yield vid().play();
   yield vid().loop(true);