今日http://www.sublimetext.comにアクセスしましたが、Webサイトのオープニングページにあるスクリーンキャストアニメーションに興味をそそられました。ビデオとスライドショーのマッシュアップのように見えます。他の最新のWebサイトでも見たことがありますが、HTML5ビデオタグのトリックだと思いました。しかし、sublimetextのWebページのソースを見ると、混乱していました。
このページのアニメーションは、ベースPNG画像を使用したプレーンなJavaScriptを使用してHTML52Dキャンバス上に作成されています。各スライドはPNGファイルから読み込まれます。アニメーションは、画像からほんの一握りのピクセルを変更することによって実現されます。アニメーションJavaScriptは、これらの変更を元のPNGに定期的に適用しました。これらのデルタは、スクリプトの*_timeline変数に格納されています。
私の質問は、どのツールがそのようなデルタを生成できるかということです。デスクトップ画面を記録して、そのようなベースPNG +アニメーションデルタを作成するにはどうすればよいですか？
このアプローチが気に入っているのは、連続するフレームの変更が最小限であるスクリーンキャストに最も効率的な形式のように見えるからです。
アップデート1GIFを使用してこれを実現する手法があることは知っていますが（https://askubuntu.com/q/107726を確認）、PNGデルタをアニメーションに変換できるこのjavascriptコードを生成できるクールなツールはどれですか。グーグルは私がそれを見つけるのを助けませんでした。
アップデート2スクリーンキャスト（およびsublimetext）の作成者は、sublimetextフォーラムで私の質問に回答しました。彼はカスタムPythonスクリプトを使用してそれを行い、いつかそれについてのブログ投稿を書く予定ですhttp://www.sublimetext.com/forum/viewtopic.php?p=34252#p34252
