SuperAPI AI 工具集

motion-canvas

编程与开发

查看项目

更新于 10-15 19:57

技能介绍

用途:Motion Canvas 是一个用 TypeScript 以编程方式创建矢量动画视频的库,适合制作动画讲解视频、教程、数据演示等。

安装与启动:使用 npm init @motion-canvas@latest 创建项目,然后 npm install && npm start 启动开发服务器(默认 localhost:9000)。

主要能力:通过生成器函数定义场景,用 yield* 暂停并渲染帧;支持图形节点(Circle、Rect、Line)、文本 Txt、媒体 Img/Video、带语法高亮的 Code 代码块;使用 createRef 引用节点进行动画;使用 createSignal 定义响应式与计算值;支持顺序、并行(all)、错峰(sequence)、循环(loop)等动画模式;支持 waitUntil 与 useDuration 按时间轴事件同步音频;提供 Layout 弹性布局、场景过渡(slideTransition 等)以及代码替换与高亮动画;内置多种缓动函数(如 easeInOutCubic、easeOutBack)。

渲染:在编辑器界面点击 RENDER,在 Video Settings 中配置分辨率、帧率、背景色、帧范围、色彩空间,并通过 FFmpeg 插件输出视频。

限制:资料未提供收费、价格、平台、兼容性或性能等其它信息,暂未提供。