アニメーションpng を作る

まぁGimpのプラグインとかを使っても良いんだけど、アニメーションGifをアニメーションpngに変換するツールがあるので、その紹介。

• GIF to APNG | Free software downloads at SourceForge.net
• Jari Aalto - [ANNOUNCEMENT] New package: gif2apng 1.7-1 -- tool for converting animat

先日Cygwinにアニメーションpngへ変換する新たなパッケージが登録されたので早速使ってみた次第。

使い方は至極簡単。

gif2apng <gif-file> [<out-file>]

$ gif2apng senjougahara.gif

gif2apng 1.7

Reading 'senjougahara.gif'...
2 frames.
Writing 'senjougahara.png'...
2 frames.

まぁ対応ブラウザは Firefox, Opera くらいだし。透過が使えるアニメーションpngなのに元gifが透過してなんじゃ、面白みに欠けるけどね。

apngasm コマンド

こちらのコマンドは各pngファイルをアニメーションpngにまとめることができるっぽい。

• APNG Assembler | Free software downloads at SourceForge.net
• Jari Aalto - [ANNOUNCEMENT] New package: apngasm 2.6-1 -- Assemble APNG animation fro

イマイチ扱い、というかオプションの使い方が分からないけど、一部透過したアニメーションを作成できた。(CSSでbackground-colorをblueにしてみている)

口が閉じているものを2つに複製して(frame01.pngとframe02.pngは同一のファイル)、歯が出ているのを1つ用意して

apngasm out.png frame01.png frame02.png frame03.png 5 10

で作った。5 10はそれぞれを 5/10 秒ずつ表示となるみたい。