今日はAndroidでモザイク画像を作ってみます。
モザイク画像を作るためには

• Androidで画像のピクセルデータをいじる方法
• 画像のモザイク加工アルゴリズム

この２つが分かればできそうです。

Androidで画像のピクセルデータをいじる方法

Androidで画像を扱う場合は、android.graphics.Bitmapクラスを使います。
前回にも登場しましたが、カメラから画像を受け取る時に、カメラのコールバックにJpegPictureCallBack等を呼ぶようにして、

private class JpegPictureCallBack implements PictureCallback { @Override public void onPictureTaken(byte[] data, Camera camera) { Bitmap bitmap = BitmapFactory.decodeByteArray(data, 0, data.length); setSnapView(bitmap); // 表示用メソッド } }

などとすれば、Bitmapデータが取得できます。
BitmapクラスはARGB(alpha, red, green, blue)の形式でデータを持っています。

ピクセルデータの取得は

int color = bitmap.getPixel(i, j);

設定するには

bitmap.setPixel(int x, int y, int color);

のようにすれば、横x、縦yピクセルの値をいじくり倒すことができます。

Colorクラスはargb値から0xff000000等へ変換してくれる便利クラスだと思ってください。
例えば、

int color = bitmap.getPixel(i, j); int red = Color.red(color);

のように、RGB値に分解して取得したり、設定したりできます。

あとは、これらを使ってピクセルデータを操作するわけですが、まだ１つ問題があります。
上述したBitmapFactoryから生成されたBitmapはimmutableなものらしく、setPixelを呼ぶとエラーになる作りになっている様子。
mutableなインスタンスはbitmap.copy(Bitmap.Config, boolean)でインスタンスをコピーしなければならないらしいです。
#ここはもっとよい方法があるかもしれません。

copyメソッドの第一引数に、Bitmap.Config.ARGB_8888とすると32ビットのARGBデータ(alpha, red, green, blueそれぞれ0～255)を指定でき、copyメソッドの第二引数に、trueを渡すとmutableなインスタンスをコピーしてくれるようになります。

また、カメラから取得した画像をそのまま使用すると、あっけなくOut Of Memoryで落ちてしまいます。
なので、取得前にリサイズしてその画像を使うことにします。

最終的に前準備も含めた操作メソッドの中身はこのようになります。

@Override public void onPictureTaken(byte[] data, Camera camera) { BitmapFactory.Options options = new BitmapFactory.Options(); options.inSampleSize = 8; bitmap = BitmapFactory.decodeByteArray(data, 0, data.length, options); Bitmap b = bitmap.copy(Bitmap.Config.ARGB_8888, true); Log.d("CameraSample",String.format("width:%d, height:%d",b.getWidth(), b.getHeight())); // ピクセルデータ分ループ for (int i=0;i<b.getWidth()/dot;i++) { for (int j=0;j<b.getHeight()/dot;j++){ int color = bitmap.getPixel(i, j); int r = Color.red(color); int g = Color.green(color); int b = Color.blue(color); // ここでピクセルデータをいじくる b.setPixel(i, j, Color.rgb(r, g, b)); } } setSnapView(b); }

以下のあたりでリサイズをしてます。これだと横1/8、縦1/8に縮小されます。

BitmapFactory.Options options = new BitmapFactory.Options(); options.inSampleSize = 8;

画像のモザイク加工アルゴリズム

あとはモザイクにする処理を書いてやればよいわけですが、先にコードを書いてしまうと以下のようになります。

@Override public void onPictureTaken(byte[] data, Camera camera) { BitmapFactory.Options options = new BitmapFactory.Options(); options.inSampleSize = 8; bitmap = BitmapFactory.decodeByteArray(data, 0, data.length, options); Log.d("CameraSample","onPictureTaken"); Bitmap b = bitmap.copy(Bitmap.Config.ARGB_8888, true); Log.d("CameraSample",String.format("width:%d, height:%d",b.getWidth(), b.getHeight())); int dot = 4; // ピクセルデータ分ループ for (int i=0;i<b.getWidth()/dot;i++) { for (int j=0;j<b.getHeight()/dot;j++){ int color = bitmap.getPixel(i, j); // ドットの中の平均値を使う int rr = 0; int gg = 0; int bb = 0; for (int k=0;k<dot;k++) { for (int l=0;l<dot;l++){ int dotColor = bitmap.getPixel(i*dot+k, j*dot+l); rr += Color.red(dotColor); gg += Color.green(dotColor); bb += Color.blue(dotColor); } } rr = rr/(dot*dot); gg = gg/(dot*dot); bb = bb/(dot*dot); for (int k=0;k<dot;k++) { for (int l=0;l<dot;l++){ b.setPixel(i*dot+k, j*dot+l, Color.rgb(rr, gg, bb)); } } } } setSnapView(b); }

ピクセルデータを扱うループ近辺にだけ着目してください。

まずはじめにモザイクの大きさをint dot = 4で定義してます。これから4×4のモザイク画像になるイメージです。

int dot = 4;

次にループ回数を縦横それぞれ、dotで割った値を使っていますが、これはモザイクの切り替わり部分を扱うためです。
モザイク部分には同じピクセル値をセットしていくので、その部分を外のループでカットしてます。

for (int i=0;i<b.getWidth()/dot;i++) { for (int j=0;j<b.getHeight()/dot;j++){

モザイク部分の色は、dot x dot四方の平均色を使うようにしました。
それぞれRGBそれぞれrr, gg,bbとしてdot x dot四方の色の和を求めてから、面積で割ることで平均値をとっています。

int rr = 0; int gg = 0; int bb = 0; for (int k=0;k<dot;k++) { for (int l=0;l<dot;l++){ int dotColor = bitmap.getPixel(i*dot+k, j*dot+l); rr += Color.red(dotColor); gg += Color.green(dotColor); bb += Color.blue(dotColor); } } rr = rr/(dot*dot); gg = gg/(dot*dot); bb = bb/(dot*dot);

最後に求めた平均色でdot x dotのエリアの色をセットしてます。

for (int k=0;k<dot;k++) { for (int l=0;l<dot;l++){ b.setPixel(i*dot+k, j*dot+l, Color.rgb(rr, gg, bb)); } }

こんな感じでできあがりです。

　

関連する投稿

• Androidでカメラから撮影画像を取得する
• [音量設定アプリ]第5回 ハードウェアキー（音量ボタン）が押されたときの処理を行う
• [音量設定アプリ] 第1回　着信音量を設定する方法
• XPERIA X10のSDK Addon の設定｜Android Application Award 2010 Spring
• NexusOneでAPIDemos/CameraPreviewが落ちる件