gihyo.jp » DEVELOPER STAGE » 連載 » Ruby Freaks Lounge » 第27回 RMagickを用いた画像処理:アニメGIF

Ruby Freaks Lounge

第27回 RMagickを用いた画像処理:アニメGIF

はじめに

前回RMagickを用いて画像のリサイズの仕方を紹介しました。今回は,RMagickでのアニメGIFの取り扱いについて説明していきます。

なお,紹介するすべてのサンプルコードは,事前に以下のコードを実行している前提で記述しています。また,破壊メソッドと非破壊メソッドの両方があるメソッドについては,サンプルコードでは特段の理由がない限り破壊メソッドを利用しています。

require 'rubygems'
require 'rmagick'

height = 160
width = 160
scale = 0.5
動作確認環境ruby 1.8.6
ImageMagick 6.5.6-8
rmagick 2.12.0

サンプル画像は以下を用います。

図1 original.gif

※この画像は「ネムリクスリ」で配布されているものを使用させていただきました。

アニメGIFファイルの読み込み

RMagickでアニメGIFファイルの読み込みを行う場合は,以下のようにImageList.newメソッドを用いて行います。

なお,ImageListクラスは,大雑把な理解としてはアニメGIFを扱うためのクラスと考えていても間違いないと思います(もちろん他の画像形式で使うこともできますし,使うと便利なケースもありますが)。

ilist = Magick::ImageList.new('original.gif')

アニメGIFの構成

アニメGIF,特に画像が少しずつ変化していくアニメーションの場合には,各コマごとの画像を別々に持つのではなく,コマ間の差分をデータとして持つことがよくあります。

たとえば,サンプルの画像では次のような構成になっています。

図2 original-0.png~original-5.png

図2-0 original-0.png 図2-1 original-1.png 図2-2 original-2.png 図2-3 original-3.png 図2-4 original-4.png 図2-5 original-5.png

ちなみに,コマ別の画像を得るためには,ImageListを使ってファイルを開き別ファイル形式で保存するのが簡単です。指定ファイル名にナンバリングしたファイルを自動的に作ってくれます。

ilist = Magick::ImageList.new('original.gif')
ilist.write('original.png')

アニメGIFのリサイズ

アニメGIFをリサイズする場合に気をつけなければいけない点がいくつかあります。サンプルとする画像によっては問題にならないケースもありますが,実際に,どんな問題が起こるのか,何をすべきかを紹介していきます。

普通にリサイズしてみる

前回紹介したresizeメソッドを使ってそのままリサイズしてみます。

ilist = Magick::ImageList.new('original.gif')
ilist.resize!(scale)
ilist.write('just_resize.gif')

すると,最後のコマだけがリサイズされてしまい残念な結果になってしまいました。これではいくらなんでも使いものにならないので,きちんとフレーム(コマ)毎にリサイズする必要があります。

図3 just_resize.gif

フレーム毎にリサイズする

次に,eachを回してフレーム毎にresize処理を呼び出してみます。

ilist = Magick::ImageList.new('original.gif')
ilist.each{|frame| frame.resize!(0.5)}
ilist.write('frame_resize.gif')

これで全フレームをリサイズすることはできましたが,できあがった結果を見るとやっぱり残念な感じになってしまっています。これは「アニメGIFの構成」のところで紹介したように,フレーム間を差分で持っているためです。これを補正するには一度差分から展開する必要があります。

図4 frame_resize.gif

著者プロフィール

二ッ森大介(ふたつもりだいすけ)

株式会社ドリコム所属。業務では主にrubyを用いて開発を行っている。
twitter: http://twitter.com/d2mr

「楽しさ」を作れる人探しています!
ソーシャルゲーム開発者・デザイナー募集中!
<ドリコム採用情報>

コメント

コメントの記入

パスサポ

多数の情報処理技術者試験対策書籍の発行実績を誇る技術評論社がお届けする,資格試験合格サイト「めざせ! 情報処理試験 パスサポ」が開設されました。

ピックアップ

サクセスストーリーに続く,快適サーバー運用管理のヒント!

データの増大,煩雑な管理,システムダウン,セキュリティなど,迫りくる課題からシステム管理者の負担を軽くするポイントを解説します。

gihyo.jp インフラエンジニア情報局

ネットワークやITにかかわるあらゆる業種で必要とされるインフラエンジニアに向けた技術情報や心構え,その魅力について多角的に紹介。

テストエンジニア ステーション

いま,ITに関わるあらゆる開発業務で注目されつつあるテスト系エンジニアをターゲットにしたコンテンツサイトを展開します。

一行クイックアンケート

gihyo.jpで取り上げてほしいネタは?

※検索はページ右上の検索ボックスをご利用ください。

その他の連載

はじめMath! Javaでコンピュータ数学

プログラミング言語入門者向けに,知っていると役立つ数学的トピックスを紹介します。簡単な演習問題と解説で,即活用できる知識を目指します。

小型Linuxサーバの最高峰 OpenBlockS 600活用指南

搭載メモリの増加,CPUクロックの向上など,あらゆる面が強化された期待の新モデルOpenBlockS 600。この記事ではOpenBlockS 600の紹介から,活用するためのさまざまなノウハウを紹介していきます。

教科書には載っていない ネットワークエンジニアの実践技術

ネットワークエンジニア,インフラエンジニアのトラブル対応には,時には「教科書通りにいかない」テクニックが必要となります。資格試験では得られないこうした実践的な技術について,実例を元に紹介します。

Googleケータイ,世に現る

2008年9月,Googleが中心となって開発されている「Android」を採用した携帯電話「T-Mobile G1」が発表されました。本連載ではT-Mobile G1を中心にGoogleケータイに迫ります。

モバゲーオープンプラットフォームに挑戦!――面白法人カヤック流モバゲーオープンプラットフォーム企画と開発のイロハ

2010年1月にリリースとなったモバゲーオープンプラットフォーム。その制作企業であるカヤックが,アイデアを企画に落とし込み,開発までのノウハウを紹介します。

プロトタイピングツールSketchFlowを用いた,Silverlightアプリ開発

SketchFlowプロトタイプ作成からアプリケーション開発までをExpression Blend 3を使って実践的に解説します。

Ubuntu Weekly Recipe

Ubuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。

玩式草子─ソフトウェアとたわむれる日々

Plamo Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。

連載一覧

gihyo.jp

  • DEVELOPER STAGE
  • ADMINISTRATOR STAGE
  • WEB+DESIGN STAGE
  • LIFESTYLE STAGE
  • SCIENCE STAGE
  • NEWS & REPORT

書籍案内

  • 新刊書籍
  • 書籍ジャンル一覧
  • 書籍シリーズ一覧
  • 新刊ピックアップ
  • ロングセラー
  • 電脳会議

定期刊行物一覧

  • Software Design
  • WEB+DB PRESS
  • Web Site Expert
  • 組込みプレス

最近のコメント