我今天访问了http://www.sublimetext.com，并被该网站在其打开页面上的截屏动画所吸引。它看起来像视频和幻灯片之间的混搭。我也在其他现代网站上看到过它们，但我认为这是一些 HTML5 视频标签的诡计。但是当我查看 sublimetext 网页的来源时，我感到很困惑。
此页面上的动画是在 HTML5 2D 画布上使用纯 javascript 使用基本 PNG 图像创建的。每张幻灯片都是从 PNG 文件加载的。动画是通过仅修改图像中的少数像素来实现的。动画 javascript 定期对原始 PNG 应用这些更改。您会发现这些增量存储在脚本的 *_timeline 变量中。
我的问题是什么工具可以生成这样的增量？如何记录自己的桌面屏幕并创建这样的基本 PNG + 动画增量？
我喜欢这种方法，因为它似乎是最有效的截屏格式，其中连续帧的变化很小。
更新 1我知道有一些技术可以使用 GIF 来实现这一点（检查https://askubuntu.com/q/107726），但是有什么很酷的工具可以生成这个可以将 PNG delta 转换为动画的 javascript 代码。谷歌搜索并没有帮助我找到它。
更新 2截屏视频（和 sublimetext）的作者在 sublimetext 论坛上回答了我的问题。他使用自定义 python 脚本完成了它，并计划在某个时候写一篇关于它的博客文章http://www.sublimetext.com/forum/viewtopic.php?p=34252#p34252
