Scriptimate以编码方式创建 SVG 动画

联合创作 · 2023-09-28 03:41

Scriptimate 是一个以编码方式创建 SVG 动画的开源工具(可以用 npx 执行,无需安装)。所有的动画都以简单的方式定义在一个脚本文件(.smte)中。Scriptimate 命令行工具将 .smte 文件转换为 mp4/webm/animaged gif。

工作方式:

  • 它读取.smte文件,该文件用一种简单的脚本语言定义了动画。
  • 计算框架(.html文件)。
  • 为每个文件运行Puppeteer headless 浏览器
  • 运行强大的FFmpeg编码器,用精心调整的压缩/质量选项创建所需格式的视频。

Scriptimate 的好处:

  • 你在任何文本编辑器的文本文件中定义你的所有行为--易于改变,易于编写,可以保存到你的代码库中。
  • 你可以使用任何SVG文件。如果它们在基于Chromium的浏览器中渲染得很好,它们在这里也会看起来很好。而且,浏览器可以使用大多数从绘图工具导出的SVG版本。
  • 如果你想改变SVG文件--你只需在它上面画画,然后重新导出到文件夹,那么一个命令就可以生成所有的视频格式,不需要回忆如何在UI工具中进行20次的点击。
  • Scriptimate二进制文件通过文本脚本文件和SVG创建稳定的生产资产(最终的视频文件),这可以在任何地方完成:在你的学院机器上或在你的网络应用CI流程的Docker pipline中集成。
  • 由于使用ffmpeg,你可以灵活地控制质量/文件大小的平衡,并从中获得最佳价值。
  • 你可以在一次运行中创建多个文件(例如,为几个视频源提供素材--现代浏览器可能会消耗较小的webm,而旧的浏览器会回滚到大的mp4)。

 

set_frame_size 600 300
place boomerang 0 100
animate_3000 move boomerang 500 -
浏览 5
点赞
评论
收藏
分享

手机扫一扫分享

编辑
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑
举报