Excalidraw 手绘解释动画

让节点、路径和讲解光标按叙事顺序出现

与当前视频预览同源:包含实际 Remotion 组件、Composition 尺寸、帧率、时长与 defaultProps。

描述

把 Excalidraw 式草图拆成可导演的节点、连线和光标运动。路径采用确定性的 SVG draw-on,节点按语义顺序弹入,适合教程、系统关系与观点解释。

特性

  • SVG 路径逐笔绘制
  • 节点语义错峰
  • 讲解光标轨迹
  • 确定性帧动画
  • 适合知识解释

使用方法

  1. 1替换节点和连线数据
  2. 2为每条路径设置 start 帧
  3. 3将旁白时间码映射到节点进入
  4. 4用光标轨迹强调当前讲解对象