add all the stuffHEADmain

1 files changed, 22 insertions, 0 deletions

diff --git a/src/scenes/dna.tsx b/src/scenes/dna.tsx
new file mode 100644
index 0000000..9cb77bd
--- /dev/null
+++ b/src/scenes/dna.tsx
@@ -0,0 +1,22 @@
+import { Video, Layout, makeScene2D } from "@motion-canvas/2d";
+import {
+  Direction,
+  beginSlide,
+  createRef,
+  slideTransition,
+} from "@motion-canvas/core";
+import mitosis from "../../public/img/cell_division.mp4";
+
+export default makeScene2D(function* (view) {
+  const layout = createRef<Layout>();
+  const vid = createRef<Video>();
+
+  view.add(
+    <Video playbackRate={4} width={900} ref={vid} src={mitosis} x={0} />,
+  );
+
+  yield* slideTransition(Direction.Left);
+  yield vid().play();
+  yield vid().loop(true);
+  yield* beginSlide("show mitosis");
+});