diff options
Diffstat (limited to 'src/scenes/dna.tsx')
-rw-r--r-- | src/scenes/dna.tsx | 22 |
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"); +}); |