Presentation

除了导出动画之外，你还可以使用 Motion Canvas 实时展示它们。只需在动画中定义一些幻灯片，然后使用演示模式在它们之间导航。

beginSlide function

beginSlide 函数用于标记新幻灯片的开始。当 yield 此函数时，播放将暂停并等待你按下 SPACE：

import {makeScene2D, Txt} from '@motion-canvas/2d';
import {beginSlide, createRef, waitFor} from '@motion-canvas/core';

export default makeScene2D(function* (view) {
  const title = createRef<Txt>();
  view.add(<Txt ref={title} />);

  title().text('FIRST SLIDE');
  yield* beginSlide('first slide');
  yield* waitFor(1); // 尝试在这里做一些实际的动画

  title().text('SECOND SLIDE');
  yield* beginSlide('second slide');
  yield* waitFor(1);

  title().text('LAST SLIDE');
  yield* beginSlide('last slide');
  yield* waitFor(1);
});

Presentation Mode

要展示你的动画，请导航到 Video Settings 选项卡。点击 RENDER 按钮旁边的下拉菜单并选择 PRESENT。从现在开始，按下按钮将进入演示模式（你可以随时使用相同的下拉菜单切换回渲染）。尝试在我们的在线编辑器中进入演示模式。

在此模式下，你可以使用左侧面板在所有幻灯片之间快速切换。你还可以使用底部的播放控件从一个幻灯片导航到另一个幻灯片。将鼠标悬停在按钮上以查看它们的作用以及分配给它们的键盘快捷键。切换到全屏时，控件会消失，但你仍然可以使用键盘导航。