Scriptimate以编码方式创建 SVG 动画
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 -
评论
Vivus.jsJavaScript SVG 动画库
Vivus是一个轻量级的JavaScript类(完全无依赖)来允许你创建 SVG动画,让他们显示被画出来的轨迹。Vivus提供很多不同种类的动画。 另外还有选项,你可以按你的想法来创建一个定制的脚本来
Vivus.jsJavaScript SVG 动画库
0
SVG CircusSVG 动画效果
SVGCircus可以在几秒钟内创建很酷的、有动画效果的SVGspinners,loaders。# Install dependencies$ npm install$ bower install#
SVG CircusSVG 动画效果
0
Aseprite创建动画精灵
Aseprite是一个创建动画精灵的程序。让你为电子游戏创建2D动画,从精灵、到像素艺术、复古风格的图形,以及任何你喜欢的8位和16位时代的东西。它的主要特点是:精灵由作为分离概念的层和帧组成。支持颜
Aseprite创建动画精灵
0
RZTransitions动画方式切换
RZTransitions是一款来自著名的Raizlabs制作的支持动画方式切换VC的第三方类库。能够拨动弹出页面,pop/push的方式等等。
RZTransitions动画方式切换
0
Giraffe编码动画 GIF 文件
Giraffe是iPhone的编码动画GIF文件,使用的GIF编码库是ANGif(UIImagePixelSource.m和ExportViewController.m文件)ANGif示例ANGifE
Giraffe编码动画 GIF 文件
0