Processingで画像処理をする

processingはビジュアルデザインのための言語であるが、それだけに画像処理も得意としている。 今回は僕がprocessingを用いて画像処理を学ぶ際の主な手法を紹介したいと思う。

画像を表示する

processingで画像を表示するには、まずスケッチに画像をドラッグ&ドロップする。 画像の拡張子は、.gif, .jpg, .tga, .png がいいだろう。 それでは、さっそく画像を表示してみよう。Girl.jpgを表示するコードは以下のようになる。

実行結果は以下のようになる

画像のサイズについて

画像のサイズは画像を表示させる関数image()で指定することができる。画面全体に表示したいときはwidth,heightを指定すればいいのだが、 縦横の比率を維持したかったりn倍という形で表現したかったりすることもある。 そのようなときは、サイズを取得するメソッドを使うことで画像の元のサイズを取得するとよい。

画像のピクセルデータを取得、セットする

processingの場合、画像ファイル自体のデータを扱うよりも、画面のピクセルデータを取得して扱うことが多い。 ピクセルデータを取得するには get(x座標,ｙ座標) セットするには set(x座標,ｙ座標) を使う。

色を反転、2値化

それでは簡単に画像処理を行ってみよう。まずはピクセルデータを取得し、それからR,G,Bの成分を取り出す。 それらに変更を加えたものを表示する　という作業をウィンドウ全体のピクセルに対して行う。 画像の色をを反転させるコードは以下のようになる。

実行結果は以下のようになる

続いて2値化してみよう。get() から得られたRGBを求め、任意の値より小さければ黒、大きければ白にセットする。 画像を2値化するコードは以下のようになる。

実行結果は以下のようになる

輝度については以下のページに詳しく書いてある。

画像を出力する

処理した画像を出力するには、いろいろな方法がある。僕は主にsaveFrame()で出力しているが、processingの公式リファレンスを読むのがいいと思う。

終わりに

上記のコードから、基本はget()とset()で間に様々な処理を挟めることが分かる。 もっといろいろなことがしたい人は信号処理の理論的な勉強をしてみることをおすすめする。