2017.03.01

ステンドグラス風画像

はじめに

ステンドグラス風画像は、幾何学模様のカラフルなガラスを張って作られたような画像のことです。

元の画像
元の画像
 
右矢印
ステンドグラス処理後の画像
ステンドグラス処理後の画像

変換前の画像から複数のピクセルを選択し、そのピクセルの勢力圏を作っていきます。ここでは、選択したピクセルをコア(核)と呼びます。

具体的には、画像の全ての座標(x,y)から、選択した複数のピクセル(コア)の中で一番近いものを見つけ、そのピクセルの色を座標(x,y)に格納していきます。この処理により、コアを中心とした幾何学模様の色の塗り潰しができ、それがステンドグラスのパーツのように見えます。

Javaソースコード

これを、Javaソースコードにすると以下のようになります。

StainedGlass.java

001
002
003
004
005
006
007
008
009
010
011
012
013
014
015
016
017
018
019
020
021
022
023
024
025
026
027
028
029
030
031
032
033
034
035
036
037
038
039
040
041
042
043
044
045
046
047
048
049
050
051
052
053
054
055
056
057
058
059
060
061
062
063
064
065
066
067
068
069
070
071
072
073
074
075
076
077
078
079
080
081
082
083
084
085
086
087
088
089
090
091
092
093
094
095
096
097
098
099
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
import java.awt.image.BufferedImage;
import java.io.File;
import javax.imageio.ImageIO;
import java.io.IOException;


// コアの座標と色を格納するクラス
class CoreColor {
	public int x, y;
	public int color;
}


public class StainedGlass {
	public static void main( String[] args ) {
		boolean result;	// 結果格納フラグ
		int     corenum;	// コアの数	

		// ファイル名
		String inname, outname;
		// 画像格納クラス
		BufferedImage img = null;

		// 入力した引数が3つ以上かを調べる
		if ( 3 > args.length ) {
			// 入力した引数が3つ未満の場合、使用方法を表示する
			System.out.println(
				 "StainedGlass [入力JPEG名]  [出力JPEG名] [コアの数]" );
			return;
		}

		// 入力JPEG名をinnameに代入(拡張子".jpg"省略なし)
		inname  = args[ 0 ];
		// 出力JPEG名をoutnameに代入(拡張子".jpg"省略なし)
		outname = args[ 1 ];

		// 引数を変換し、コア数に代入
		try {
			corenum = Integer.valueOf( args[ 2 ] );
			if ( 2 > corenum ) {
				System.out.println( "コア数に2以上を指定してください" );
				return;
			}
		}
		catch( NumberFormatException ne )
		{
			System.out.println( "引数が不正です" );
			return;
		}

		// JPEGの読み込み
		try {
			// inname(入力JPEG)を読み込んでimgにセット
			img = ImageIO.read( new File( inname ) );
		} catch (Exception e) {
			// inname(入力JPEG)の読み込みに失敗したときの処理
			 e.printStackTrace();
			return;
		}

		// 画像の色の持ち方をチェック
		if ( BufferedImage.TYPE_3BYTE_BGR != img.getType() )
		{
			System.out.println( "対応していないカラーモデルです!("
									 + inname +")" );
			return;
		}

		// ステンドグラス画像の作成
		int x, y;
		int width, height;

		// 画像サイズの取得
		width = img.getWidth();
		height= img.getHeight();

		// コアを乱数で決める
		CoreColor core[] = new CoreColor[ corenum ];		
		for ( int i = 0; i < corenum; ++ i ) {
			// 乱数を発生し、適当に座標を求める
			core[ i ] = new CoreColor();
			core[ i ].x =  (int)( Math.random() *  (double)width );
			core[ i ].y =  (int)( Math.random() *  (double)height );
			core[ i ].color = img.getRGB( core[ i ].x, core[ i ].y );
		}

	
		// 全ての画素の座標(x,y)から最も近いコアを求め
		//           そのコアの色を(x,y)に置く
		for ( y = 0; y < height; ++ y ) {
			for ( x = 0; x < width; ++ x ) {
				int minl = 10000000;
				int newcolor = 0;

				// 一番近いコアを求める
				for ( int i = 0; i < corenum; ++ i ) {
					// 距離の2乗を計算
					int dx = core[ i ].x - x;
					int dy = core[ i ].y - y;
					int l  = dx * dx + dy * dy;

					if ( l < minl ) {
						minl = l;
						newcolor = core[ i ].color;
					}
				}
				img.setRGB( x, y, newcolor );
			}
		}

		try {
			// imgをoutname(出力JPEG)に保存
			result = ImageIO.write( img, "jpeg", new File( outname ) );
		} catch ( Exception e ) {
			// outname(出力JPEG)の保存に失敗したときの処理
			e.printStackTrace();
			return;
		}

		// 正常に終了
		System.out.println( "正常に終了しました" );
	}
}

コンパイル ソースコードが「ANSI」の場合

C:\talavax\javasample>javac -encoding sjis StainedGlass.java

コンパイル ソースコードが「UTF-8」の場合

C:\talavax\javasample>javac StainedGlass.java

実行

C:\talavax\javasample>java StainedGlass sampleimage004_400x300.jpg stainedglass-100.jpg 100

1つ目の引数で元のJPEGファイル名、2つ目の引数に作成するJPEG画像ファイル名、3つ目にコアの数を指定します。

・元の画像(sampleimage004_400x300.jpg)

元画像
元画像

・コア数=100で作成した画像(stainedglass-100.jpg)

ステンドグラス画像(core=100)
ステンドグラス画像(core=100)

・コア数=500で作成した画像(stainedglass-500.jpg)

ステンドグラス画像(core=500)
ステンドグラス画像(core=500)

・コア数=1000で作成した画像(stainedglass-1000.jpg)

ステンドグラス画像(core=1000)
ステンドグラス画像(core=1000)

・コア数=5000で作成した画像(stainedglass-5000.jpg)

ステンドグラス画像(core=5000)
ステンドグラス画像(core=5000)

・コア数=10000で作成した画像(stainedglass-10000.jpg)

ステンドグラス画像(core=10000)
ステンドグラス画像(core=10000)

・コア数=50000で作成した画像(stainedglass-50000.jpg)

ステンドグラス画像(core=50000)
ステンドグラス画像(core=50000)

このようにコア数が多いほど、見た目が元の画像に近づきます。

Javaソースコードの解説

ここからは、このJavaソースコードを上から順番に解説していきます。

001
002
003
004
import java.awt.image.BufferedImage;
import java.io.File;
import javax.imageio.ImageIO;
import java.io.IOException;

Javaクラスライブラリの中から「java.awt.image.BufferedImage」と「java.io.File」と「javax.imageio.ImageIO」と「java.io.IOException」と「java.awt.image.RasterFormatException」というパッケージにあるクラスを、このプログラム内で使うために記述します。 この記述により、ImageIOクラスBufferedImageクラスRasterFormatExceptionが利用できるようになります。

007
008
009
010
011
// コアの座標と色を格納するクラス
class CoreColor {
	public int x, y;
	public int color;
}

ステンドグラスの色を決めるコア(核)となる情報を格納するクラスを定義しています。

014
public class StainedGlass {

クラス名を、StainedGlassとしています。

015
	public static void main( String[] args ) {

このmainメソッドからプログラムを実行します。

016
017
018
019
020
021
022
		boolean result;	// 結果格納フラグ
		int     corenum;	// コアの数	

		// ファイル名
		String inname, outname;
		// 画像格納クラス
		BufferedImage img = null;

このプログラムで使う変数を宣言しています。

024
025
026
027
028
029
030
		// 入力した引数が3つ以上かを調べる
		if ( 3 > args.length ) {
			// 入力した引数が3つ未満の場合、使用方法を表示する
			System.out.println(
				 "StainedGlass [入力JPEG名]  [出力JPEG名] [コアの数]" );
			return;
		}

3つ以上の引数が与えられたかをチェックし、3つ未満の場合に、使い方のメッセージを表示し、return文によってmainメソッドを抜けています。

032
033
034
035
036
037
038
039
040
041
042
043
044
045
046
047
048
049
		// 入力JPEG名をinnameに代入(拡張子".jpg"省略なし)
		inname  = args[ 0 ];
		// 出力JPEG名をoutnameに代入(拡張子".jpg"省略なし)
		outname = args[ 1 ];

		// 引数を変換し、コア数に代入
		try {
			corenum = Integer.valueOf( args[ 2 ] );
			if ( 2 > corenum ) {
				System.out.println( "コア数に2以上を指定してください" );
				return;
			}
		}
		catch( NumberFormatException ne )
		{
			System.out.println( "引数が不正です" );
			return;
		}

与えられた引数をそれぞれ、入力JPEGファイル名、出力JPEGファイル名、コアの数を格納する変数に代入しています。指定したコアの数が2未満の場合、return文によってmainメソッドを抜けています。

051
052
053
054
055
056
057
058
059
		// JPEGの読み込み
		try {
			// inname(入力JPEG)を読み込んでimgにセット
			img = ImageIO.read( new File( inname ) );
		} catch (Exception e) {
			// inname(入力JPEG)の読み込みに失敗したときの処理
			 e.printStackTrace();
			return;
		}

入力JPEG名の変数(inname)を読み込んで、BufferedImageクラスのimgに格納しています。この処理には、ImageIOクラスreadメソッドを使います。

ImageIO.readメソッド

public static BufferedImage read( File input ) throws IOException
・Fileオブジェクトを復元した結果をBufferedImageに格納します。

  パラメータ input : Fileオブジェクト

  戻り値     inputを復元したBufferedImageaを返します。

try { ~ } catchは、失敗する可能性がある処理を波括弧で囲み、その処理に失敗したときにcatch { ~ }の波括弧で囲まれた処理を実行するということです。この場合は、JPEGファイル名が不正であったり、存在していなかったり、フォーマットが違っているなどが原因で処理が失敗する可能性があります。処理が失敗するとreturn文によってmainメソッドを抜けるようにしています。

061
062
063
064
065
066
067
		// 画像の色の持ち方をチェック
		if ( BufferedImage.TYPE_3BYTE_BGR != img.getType() )
		{
			System.out.println( "対応していないカラーモデルです!("
									 + inname +")" );
			return;
		}

BufferedImageクラスgetTypeメソッド画像のイメージ型を取得しています。

BufferedImage.getTypeメソッド

public static int getType()
・イメージ型を返します。

  パラメータ なし

   戻り値     BufferedImage のイメージ型を返します。
069
070
071
		// ステンドグラス画像の作成
		int x, y;
		int width, height;

ステンドグラス作成処理で使う変数を宣言しています。

073
074
075
		// 画像サイズの取得
		width = img.getWidth();
		height= img.getHeight();

widthに読み込んだ画像の幅(ピクセル)、heightに画像の高さ(ピクセル)を代入しています。

077
078
079
080
081
082
083
084
085
		// コアを乱数で決める
		CoreColor core[] = new CoreColor[ corenum ];		
		for ( int i = 0; i < corenum; ++ i ) {
			// 乱数を発生し、適当に座標を求める
			core[ i ] = new CoreColor();
			core[ i ].x =  (int)( Math.random() *  (double)width );
			core[ i ].y =  (int)( Math.random() *  (double)height );
			core[ i ].color = img.getRGB( core[ i ].x, core[ i ].y );
		}

CoreColorクラス配列coreを用意し、その中に乱数で作成した画像座標(x,y)とその位置の色を格納しています。コア数が多くなるほど、同じ座標をcore配列に入れる確率が高くなりますが、本プログラムでは同じ座標でもそのまま格納しています。例えば、指定したコア数が3で、そのうち2つが同じ座標であった場合には、作成された画像のコアが2つしかないように見えます。

090
091
		for ( y = 0; y < height; ++ y ) {
			for ( x = 0; x < width; ++ x ) {

画像の中の全てのピクセルの座標を参照するループをつくっています。具体的には、変数yを0~height-1、変数xを0~width-1に変化させています。

092
093
094
095
096
097
098
099
100
101
102
103
104
105
106
				int minl = 10000000;
				int newcolor = 0;

				// 一番近いコアを求める
				for ( int i = 0; i < corenum; ++ i ) {
					// 距離の2乗を計算
					int dx = core[ i ].x - x;
					int dy = core[ i ].y - y;
					int l  = dx * dx + dy * dy;

					if ( l < minl ) {
						minl = l;
						newcolor = core[ i ].color;
					}
				}

ピクセル座標(x,y)から一番近いコアの座標を求めています。求めた結果、そのコアの色をnewcolorに格納しています。本プログラムでは(x,y)からコアの座標までの距離ピタゴラスの定理を使って計算していますが、距離の比較には、距離2乗を使っています。2点間の距離を計算するには以下の図のように、xとyの変化量dxとdyの2乗の和をとって、その平方根を計算する必要があります。ただし、この処理の場合は実際の距離は使用する必要がなく、距離の比較が出来ればよいので平方根の計算は省略して距離2乗で比較しています。これにより、少しでも処理時間を短くしようとしています。

2点間の距離計算
107
				img.setRGB( x, y, newcolor );

最近傍のコアの色(変数newcolor)をnewimgの(x,y)に代入しています。

111
112
113
114
115
116
117
118

		try {
			// imgをoutname(出力JPEG)に保存
			result = ImageIO.write( img, "jpeg", new File( outname ) );
		} catch ( Exception e ) {
			// outname(出力JPEG)の保存に失敗したときの処理
			e.printStackTrace();
			return;
		}

BufferedImageクラスのnewimgのメモリ内のデータを、出力JPEG名の変数(outname)に格納されているファイル名で保存します。この場合は、JPEGファイル名が不正であったり、保存先のHDDなどが存在していなかったり、空き容量が少ないなどが原因で処理が失敗する可能性があります。

ImageIO.wrireメソッド

public static boolean write( RenderedImage im, String formatName, File output ) throws IOException
・BufferedImageを画像ファイルに保存します。

  パラメータ RenderedImage : 保存するRenderedImage
                  formatName     : 画像ファイルのフォーマット(png/jpeg/bmp/gifなど)
                  output             : Fileオブジェクト

  戻り値     保存に成功するとtrue、失敗するとfalseを返します。
120
121
		// 正常に終了
		System.out.println( "正常に終了しました" );

全ての処理が正常終了すると、ここまで処理が実行されます。

以上です。

関連コンテンツ

2つの座標(x1,y1)と(x2,y2)の直線距離を求める計算式は?

2020.03.23

一般に使われている画像の色の種類ってどんなものがありますか?。色の種類ごとの用途も説明しています。

2015.12.22

一般に使われている画像フォーマットには、いろいろな種類があります。画像フォーマットBMP、JPEG、PNG、GIF、TIFFの特徴を知ってますか?

2015.11.29

PCやスマートフォンのディスプレイに表示されている色、プリンターで印刷される色の仕組みについて解説しています。

2020.03.23

画像に対する空間フィルタリングについて解説しています。

2024.07.13

デジタル画像データを構成している要素について解説しています。

2015.12.22

処理を繰り返すために使用するfor文について解説しています。

2020.03.23

条件式を判断して処理を分岐する方法を詳しく説明しています。

2023.03.20

Javaのmainメソッドで受け取るパラメータについて解説しています。

2017.09.26

mainメソッドで受け取るパラメータの数の取得の仕方について解説しています。

2019.05.14

変数やクラスに格納されている値をコンソール出力する方法は?

2020.03.23

メソッドを抜けるときに使用するreturn文について説明しています。

2020.03.20

プログラムの最初に実行されるメソッドは?

2022.12.13

プログラミングで使う変数って何?

2020.03.23

Javaのプログラムを書いてみませんか?プログラムの書き方をくわしく説明しています。

2020.03.23

「Javaソースコード」から実行可能な「オブジェクトコード」に変換する方法をくわしく説明しています。

2020.03.23

Javaのプログラムを作ってみませんか?プログラミングに必要なものの用意から実行までを説明しています。

2020.03.23

Javaの学習に役立つソースコードを多数紹介しています。是非、ご覧ください。

2022.09.10

Swingパッケージを使ってグラフィック表示を行う方法を解説しています。

2020.03.23

画像フォーマット形式・色・大きさ・傾きなどの変更、特定の図形(文字・記号など)を見つけたり、取り出したりする画像処理について詳しく解説。

2015.11.29

繰り返し処理を使ったJavaのソースコードサンプルを紹介しています。

2020.03.23

配列を使うJavaソースコードを多数紹介しています。

2021.05.18

数学に関係するJavaのメソッドやソースコードなどを紹介しています。

2022.10.25

三角形、台形、円などいろいろな図形の面積を計算するプログラムを紹介しています。詳しくは、記事をご覧ください。

2021.05.18

StringクラスとStringBuilderクラスを利用したプログラミングの仕方を紹介しています。

2016.12.16

Javaを使った簡単な応用プログラム(生年月日から年齢を計算プログラムなど)を紹介しています。

2022.07.07

プログラミング、ITに関する用語をまとめています。

2022.10.17

日本で使われてきた伝統文様「和柄」について解説しています。

2022.07.27

いろいろな模様(パターン)を描画する方法を紹介します。

2019.02.25

画像って何?

2022.07.25

平面上の位置を表す座標系の1つXY座標系について詳しく解説。

2020.03.23

プログラミング言語とは?種類や特徴について説明しています。

2022.08.03

メソッドの定義方法を詳しく解説しています。Javaのサンプルソースコードを使った説明もあります。

2020.03.23

Javaプログラムの構成について解説しています。詳しくは、こちらをご覧ください。

2020.03.23

同じ型の変数(データ)を複数個まとめて管理するデータの持ちかたがあります。これが配列です。くわしくは、記事をご覧ください。

2016.01.14

乱数の意味と、Math.randomメソッドの使い方をソースコードを使って詳しく解説しています。

2015.12.27

画像の座標系はどのように定義されていますか?

2020.03.23

繰り返し処理の作り方を解説しています。

2016.03.02

平方根の意味と、Math.sqrtメソッドの使い方をソースコードを使って詳しく解説しています。

2020.03.23

値の2乗を計算するメソッドの作り方を解説しています。

2020.03.23

ピタゴラスの定理は、直角三角形の三辺の長さの関係を表すもので、2つの座標間の距離計算などに利用できます。興味がある方は、記事をご覧ください。

2020.03.23

for文で変数名iがよく使われる理由について説明しています。興味のある方は是非。

2022.08.29

コンピュータに保存されたファイルを特定するための名前がファイル名です。その付け方は?

2016.11.23

コンピュータは、いくつかの装置から構成されています。その主な5つの装置(機能)って何?

2022.07.10

データを記憶する部品のことで、ハードディスク、ハードディスクドライブと呼ばれます。電源の供給がなくてもデータが消えない記憶装置です。

2022.07.14

「ゆるゆるプログラム」のコンテンツを紹介しています。興味のある方はこの記事をご覧ください。

2020.03.23

広告