ゆるゆるプログラミング

・グラデーション画像(横方向)

グラデーションとは色が段階的に変化する様子のことで、この色変化の様子を画像にしたものがグラデーション画像です。以下がグラデーション画像の例で、左端の赤色から右端の青色まで滑らかに変化しています。

グラデーション画像(横方向)グラデーション画像(横方向)

ここでは画像の幅・高さと2つの色を与えることで横方向に色が変化するグラデーション画像を作るソースコードを解説します。

Gradation1.java
001:    import java.awt.image.BufferedImage;
002:    import java.io.File;
003:    import javax.imageio.ImageIO;
004:    import java.io.IOException;
005:    
006:    public class Gradation1 {
007:    	public static void main( String[] args ) {
008:    		// 変数宣言
009:    		int w, h;		// 画像サイズ
010:    		int r1, g1, b1;	// 開始色
011:    		int r2, g2, b2;	// 終了色
012:    		String outname;	// 出力ファイル名
013:    		BufferedImage img = null;	// 画像格納クラス
014:    
015:    		// 入力した引数が9以上かを調べる
016:    		if ( 9 > args.length ) {
017:    			// 入力した引数が9未満の場合、使用方法を表示する
018:    			System.out.println( 
019:    				"Gradation1 [PNG名][幅][高][R1][G1][B1][R2][G2][B2]" );
020:    			return;
021:    		}
022:    
023:    		try {
024:    			// 引数を変換し、画像サイズに代入
025:    			w  =  Integer.valueOf( args[ 1 ] );
026:    			h  =  Integer.valueOf( args[ 2 ] );
027:    			// 引数を変換し、開始色に代入
028:    			r1 =  Integer.valueOf( args[ 3 ] );
029:    			g1 =  Integer.valueOf( args[ 4 ] );
030:    			b1 =  Integer.valueOf( args[ 5 ] );
031:    			// 引数を変換し、終了色に代入
032:    			r2 =  Integer.valueOf( args[ 6 ] );
033:    			g2 =  Integer.valueOf( args[ 7 ] );
034:    			b2 =  Integer.valueOf( args[ 8 ] );
035:    		}
036:    		catch( NumberFormatException ne )
037:    		{
038:    			System.out.println( "引数が不正です" );
039:    			return;
040:    		}
041:    
042:    		// 出力PNG名をoutnameに代入(拡張子".png"省略なし)
043:    		outname = args[ 0 ];
044:    
045:    		// 新しい画像を作成
046:    		// 24ビットカラーの画像を作成
047:    		try {
048:    			img = new BufferedImage( w, h,
049:    						 BufferedImage.TYPE_INT_RGB );
050:    		} catch ( Exception e ) {
051:    			// 画像作成に失敗したときの処理
052:    			e.printStackTrace();
053:    			return;
054:    		}
055:    
056:    		// グラデーション作成
057:    		int    x, y;
058:    		int    color, r, g, b;	// 計算した色
059:    		double d;			// 距離		
060:    
061:    		for ( y = 0; y < h; ++ y ) {
062:    			for ( x = 0; x < w; ++ x ) {
063:    				// 距離dを計算
064:    				d = (double)x / (double)( w - 1 );
065:    
066:    				// 色を計算
067:    				r = (int)( (double)( r2 - r1 ) * d + (double)r1 );
068:    				g = (int)( (double)( g2 - g1 ) * d + (double)g1 );
069:    				b = (int)( (double)( b2 - b1 ) * d + (double)b1 );
070:    
071:    				// r,g,bの色を合成
072:    				color = ( r << 16 ) + ( g << 8 ) + b;
073:    
074:    				// 合成した色を(x,y)に設定
075:    				img.setRGB( x, y, color );
076:    			}
077:    		}
078:    
079:    		try {
080:    			// imgをoutname(出力PNG)に保存
081:    			boolean result;
082:    			result = ImageIO.write( img, "PNG", new File( outname ) );
083:    		} catch ( Exception e ) {
084:    			// outname(出力PNG)の保存に失敗したときの処理
085:    			e.printStackTrace();
086:    			return;
087:    		}
088:    
089:    		// 正常に終了
090:    		System.out.println( "正常に終了しました" );
091:    	}
092:    }

Gradation1を実行

C:\talavax\javasample>java Gradation1 gradation1.png 256 128 0 255 0 255 255 0

引数2と3で作成する画像の幅=256・高さ=128(pixel)を渡し、引数4と5と6で開始色R1=0・G1=255・B1=0、引数7と8と9で終了色R2=255・G2=255・B2=0を渡して、引数1のPNGファイル名でグラデーション画像を保存します。

実行結果

・作成したグラデーション画像(gradation1.png)

作成画像

色が緑色(R1=0・G1=255・B1=0)から黄色(R2=255・G2=255・B2=0)に滑らかに変化するグラデーション画像が作成されました。画像サイズは256x128pixelです。

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

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

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

006:    public class Gradation1 {

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

007:    	public static void main( String[] args ) {

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

008:    		// 変数宣言
009:    		int w, h;		// 画像サイズ
010:    		int r1, g1, b1;	// 開始色
011:    		int r2, g2, b2;	// 終了色
012:    		String outname;	// 出力ファイル名
013:    		BufferedImage img = null;	// 画像格納クラス

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

015:    		// 入力した引数が9以上かを調べる
016:    		if ( 9 > args.length ) {
017:    			// 入力した引数が9未満の場合、使用方法を表示する
018:    			System.out.println( 
019:    				"Gradation1 [PNG名][幅][高][R1][G1][B1][R2][G2][B2]" );
020:    			return;
021:    		}

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

023:    		try {
024:    			// 引数を変換し、画像サイズに代入
025:    			w  =  Integer.valueOf( args[ 1 ] );
026:    			h  =  Integer.valueOf( args[ 2 ] );
027:    			// 引数を変換し、開始色に代入
028:    			r1 =  Integer.valueOf( args[ 3 ] );
029:    			g1 =  Integer.valueOf( args[ 4 ] );
030:    			b1 =  Integer.valueOf( args[ 5 ] );
031:    			// 引数を変換し、終了色に代入
032:    			r2 =  Integer.valueOf( args[ 6 ] );
033:    			g2 =  Integer.valueOf( args[ 7 ] );
034:    			b2 =  Integer.valueOf( args[ 8 ] );
035:    		}
036:    		catch( NumberFormatException ne )
037:    		{
038:    			System.out.println( "引数が不正です" );
039:    			return;
040:    		}
041:    
042:    		// 出力PNG名をoutnameに代入(拡張子".png"省略なし)
043:    		outname = args[ 0 ];

与えられた引数をそれぞれ代入しています。

045:    		// 新しい画像を作成
046:    		// 24ビットカラーの画像を作成
047:    		try {
048:    			img = new BufferedImage( w, h,
049:    						 BufferedImage.TYPE_INT_RGB );
050:    		} catch ( Exception e ) {
051:    			// 画像作成に失敗したときの処理
052:    			e.printStackTrace();
053:    			return;
054:    		}

BufferedImageクラスコンストラクタで、新しいBufferedImageを構築しています。

BufferedImageコンストラクタ

BufferedImage( int width, int height, int imageType )
■新しい BufferedImage を構築します。
  パラメータ width     : 構築する画像の横ピクセル
        height    : 構築する画像の縦ピクセル
        imageType : 構築する画像のイメージ形式

imgTypeで指定しているTYPE_INT_RGBは、整数ピクセルにパックされた 8 ビット RGB 色成分によるイメージを表します。これを指定することで24ビットの画像を作成できます。

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

056:    		// グラデーション作成
057:    		int    x, y;
058:    		int    color, r, g, b;	// 計算した色
059:    		double d;			// 距離		

グラデーション画像作成で使う変数を宣言しています。

061:    		for ( y = 0; y < h; ++ y ) {
062:    			for ( x = 0; x < w; ++ x ) {

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

063:    				// 距離dを計算
064:    				d = (double)x / (double)( w - 1 );
065:    
066:    				// 色を計算
067:    				r = (int)( (double)( r2 - r1 ) * d + (double)r1 );
068:    				g = (int)( (double)( g2 - g1 ) * d + (double)g1 );
069:    				b = (int)( (double)( b2 - b1 ) * d + (double)b1 );

変数xの値から距離を計算しています。左端(x=0)の距離が0.0、右端(x=w-1)の距離が1.0になるようし、その距離での色を計算しています。

■関連コンテンツ

グラデーション(3) グラデーションを作成する方法を解説

071:    				// r,g,bの色を合成
072:    				color = ( r << 16 ) + ( g << 8 ) + b;

計算したRGB合成して、色(変数color)を作成しています。

074:    				// 合成した色を(x,y)に設定
075:    				img.setRGB( x, y, color );

色(変数color)を(x,y)に代入しています。

079:    		try {
080:    			// imgをoutname(出力PNG)に保存
081:    			boolean result;
082:    			result = ImageIO.write( img, "PNG", new File( outname ) );
083:    		} catch ( Exception e ) {
084:    			// outname(出力PNG)の保存に失敗したときの処理
085:    			e.printStackTrace();
086:    			return;
087:    		}

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

ImageIO.writeメソッド

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

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

  戻り値     保存に成功するとtrue、失敗するとfalseを返します。

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

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

■関連コンテンツ

グラデーション グラデーションを作成する方法を解説
光と色の3原色 光と色の3原色の考え方を解説
画像の色 画像の色について解説
画像ファイル形式 画像ファイル形式について解説
for文 繰り返し処理に使用するfor文について解説
コマンドライン引数 外部からの値を受け取る方法について解説

■新着情報

2017.11.17 N値化 カラー画像をN値化する方法について解説
2017.11.16 最も近い値の取得 指定値に最も近い配列の値を取得する方法を解説
2017.10.02 アルファ値(透過) アルファ値(透過)について

■広告

法人向けのETC専用カード

~約8,000名の受講生と80社以上の導入実績~ 企業向けプログラミング研修ならCodeCamp

日本最大級ショッピングサイト!お買い物なら楽天市場

Topへ