summaryrefslogtreecommitdiff
path: root/src/scenes/dna.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/scenes/dna.tsx')
-rw-r--r--src/scenes/dna.tsx22
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");
+});