囲碁の世界に迷わず導くための情報・環境と、途中で帰らせないモチベーションを、エロ的視線から考える孤高のブログ。アニメーションgifからスプライト画像を生成する方法。制限があったり、できるファイルの品質は若干低いですが、テスト用のスプライト画像として使えるものくらいは生成できる方法です。準備:対象となるアニメーションgifファイルを準備します。ここでは、http://erihamu.blog.fc2.com/blog-entry-71.html上記サイト様から拝借しましたこの画像を使用します。(上記サイトで配布されているテクスチャも高品質で要チェック。本格的なツールはいろいろ設定が大変なことから、Webサービスを探したところ、英語のサイトですが、このようなサイトがありました。Gif2spritehttp://gif2sprite.com/ローカルのアニメーションGifをアップロードして、JPEGのスプライト画像を生成するWebサービスです。使い方はシンプルな反面、細かな指定はできません。(圧縮率の指定のみ)対象ファイルも、web上の素材の直接指定はできません。何より、変換先ファイルはJPEGのみです。これは、gifの透過色情報が消えてしまうことを意味します。イラスト系画像では余計なノイズが乗ってしまうことも意味しています。できあがったスプライト画像はこちらです。(横長すぎるのでサムネイル画像で表示しているため、ぼやぼやです。詳細はクリックしてご確認ください。)スプライト画像のほか、分割情報を格納したCSSファイルもダウンロードできます。(自分は細かいこと分かりませんが(ちょっと調べたが太刀打ちできなかった)、CSSでアニメーションさせるためには、ここで生成されるCSSのほかに、アニメーションさせる仕組みを自前で付加させる必要がありそうです。CSSなりJavaScriptなりで。再度透過情報を付加してあげる必要があります。透過部分には純色の黒が設定されるようなので、これを画像処理ツールでうまく透過します。貧者のPhotoShop;GIMPのファジー選択ツールや色域選択ツールなんかを駆使します。透過色との区別が付かず、相当苦労すると思います。して出来上がった画像がこちら。(適当に処理してます。)(横長すぎるのでサムネイル画像で表示しているため、ぼやぼやです。詳細はクリックしてご確認ください。Webページでアニメーションさせるだけなら、アニメーションGIFでOKなのですが、Flash的にアニメーションの進行を制御したりするためには、Flashが特にモバイル環境で使用できなくなってきた昨今では、このスプライトの使用が重要になっているそうです。上記の方法、ダメみたいです。(アニメーションのフレームの順序がバラバラになる場合がある。)なので、http://www.mojimaru.com/animegif/animebunkai.phpこのサイトでアニメーションgifを単体画像ファイルに分解して(zipでダウンロード可)、http://ja.spritegen.website-performance.org/今度はこっちのサイトでスプライト画像として結合する方法が取れます。実運用に使用するようなファイルは手でしこしこ作るしかないかも知れません。Go-Up!.online(脱衣囲碁モード有)を製作・公開中です。お初の方はまず「まとめ」カテゴリ系を見てみてください。旧コンテンツ脱衣囲碁はこちらとこちらでプレイできます。スピード感のある棋譜並べしたい人はこちら。旧コンテンツのJavaアプレットに関する注意Javaアプレットが実行できない場合にはこちらをインストール。ページ内で複数のアプレットが動作している(ブログトップページやカテゴリ別ページなど)と、正常にプレイできない可能性があります。記事タイトルをクリックし、記事詳細ページにてプレイしてください。内容の充実を図っております。囲碁サーチインタラクティブ囲碁入門(ルール入門はココ!)日本棋院igoamigo(若者囲碁サークル)幽玄の間(ネット囲碁)KGS(ネット囲碁)その他リンクはこちらから。×この広告は180日以上新しい記事の投稿がないブログに表示されております。