ＧＩＦアニメ加工

　２ｃｈまとめサイトなんていうブログをよく見る。その中にこういう「仕組み」がわかるGIFとか画像あげてけという記事があった。GIF というのは画像ファイルの形式の１つで読み方はジフ。他にもギフなんてのはあるが「gif」の読み方「ジフ」で確定なんて記事があったのでこれからもジフと読むことにする。

　ＧＩＦファイルの特徴は簡単なアニメーションが作れることだ。紹介したのページの中には例えばミシンが布を縫う仕組みなんてのがある。なるほどこうなってるのかって感じなんだけどもう少しゆっくりみたい。


図－１　ミシンが布を縫う仕組み＠２ｃｈまとめサイトより拝借

　下の図－２のＧＩＦ加工ソフトであるGiamによって簡単に出来た。その結果が図－３である。


図－２　Ｇｉａｍを使えば簡単に変更出来る


図－３　図－１のアニメをゆっくりになるようにしたもの

最初っからこのＧＩＦ加工ソフトを使ったわけではない。初めはGIFフォーマットの詳細を見ながらバイナリーエディターでアニメがゆっくりになるようにした。画像ファイルの内部には画像情報以外の情報がある。ファイルの形式により異なるが、画像の大きさとか撮影日などが入ってる。ＧＩＦファイルの場合、アニメの速度を変えられる値を持っているのだ。以下、そこを探しだして変更する方法。 　図－４は上のＧＩＦアニメのファイルをバイナリーエディターで見たところ。説明のために色分けしてるが実際にはこんなにカラフルではない。ＧＩＦファイルの先頭にあるのはＧＩＦヘッダーである。水色の部分である。この部分の大きさは表－１を見るとSGCTに書かれている。直接値ではないが、この値を計算するとヘッダーの大きさが分かる。 図－４　図－１のファイルの内部をバイナリーエディターで見たところ SGCT(Size of Global Color Table(3 Bits))　この値(0～7)に1を足した値をnとして、2のn乗がGlobal Color Tableの個数となる。 表－１　ＧＩＦヘッダー＠GIFフォーマットの詳細より拝借 　ヘッダーの次にあったブロック、図－４の黄緑色の部分だけどこれは関係無いものだった。しかしに次のブロックを探すためにその大きさを調べる。そのブロックの中身は表－２である。そして求めるブロックはその次にあった。赤色の部分である。その形式は表－３である。アニメをゆっくりさせるために書き換える所は図－４の矢印のところ。単位は１００分の１秒である。 表－２　アプリ拡張ブロック＠GIFフォーマットの詳細より拝借 Delay Time(2 Bytes)　表示する際の遅延時間(100分の1秒単位)。 表－３　画像制御拡張ブロック＠GIFフォーマットの詳細より拝借 　バイナリーエディターで手間暇かけたけど結果は今一つだった。というのも最初の一コマだけしかゆっくりにならなかったからだ。ゆっくり指定はコマ毎にあったのを今回初めて知った。。そうなるとこの方法では何箇所も書き換えないといけなくて大変ってことでＧＩＦ加工ソフトの出番となった。