内容のクリアと背景色設定

ここまでで、2DCG を扱う準備が整いました。ここからはレンダラーを操作し、2DCG を描画していく事になります。その最初の一歩として、内容のクリアと、背景色の設定を行ってみましょう。

- 目次 -

内容のクリア
背景色の設定
RGBA形式とは
プログラム例

内容のクリア

何らかのものが描画されたグラフィックスデータの内容をクリアするには、clearGraphics2D 関数を使用します。

- 関数の形式 -

void clearGraphics2D ( int rendererID )

引数は以下の通りです：

rendererID: 操作対象のレンダラーID を指定します。

この関数をコールすると、レンダラーは、グラフィックスデータの内容をすべて背景色一色にクリアします。

未設定状態の背景色は透明であり、そのままではウィンドウの基盤面が透けて見える状態となります。ウィンドウの基盤面の色は、動作環境によって白であったりグレーであったりするので、グラフィックスデータをウィンドウに表示して使用する場合、背景色を不透明な色に設定しておく事が推奨されます。

背景色は、以下に述べるように、任意の色に設定する事ができます。

背景色の設定

背景色を設定するには、setGraphics2DColor 関数を使用します。

- 関数の形式 -

void setGraphics2DColor (
int rendererID, int red, int green, int blue, int alpha
)

引数は以下の通りです：

rendererID: 設定対象のレンダラーID を指定します。
red, green, blue, alpha: 背景の色成分を指定します。色成分はそれぞれ 0 ～ 255 の範囲で指定します。色成分の形式は、RGBA 形式（すぐ下で解説）をサポートしています。

RGBA形式とは

RGBA 形式とは、色の三原色である赤（Red）、緑（Green）、青(Blue)の色成分に、アルファ値（Alpha）を加えた形式です。アルファ値は色の透明度を表す数値で、 0 で完全透明になり、最大にすると不透明になります。

それぞれの色成分からの色の合成は、加法混色によって行われます。これは光の重ね合わせと同じ混色方式であり、絵の具の混ぜ合わせ（減法混色）では無い事にご注意ください。例として：

(赤,緑,青) = ( 255, 255, 255 )は、黒ではなく白になります。
(赤,緑,青) = ( 255, 255, 0 ) は黄色になります。
(赤,緑,青) = ( 0, 255, 255 ) は鮮やかな水色（シアン）になります。
(赤,緑,青) = ( 255, 0, 255 ) はマゼンタ（ピンクっぽい紫色）になります。

プログラム例

実際に、背景色を青に設定してみましょう。以下のように記述し、実行してみてください。


import Graphics;
import Graphics2D;
import GUI;

// グラフィックスデータとレンダラーの生成
int graphicsID = newGraphics( );
int rendererID = newGraphics2DRenderer( 800, 600, graphicsID );

// 表示画面の生成
int windowID = newWindow( 0, 0, 800, 600, " Hello 2DCG ! " );
int labelID = newImageLabel( 0, 0, 800, 600, graphicsID );
mountComponent( labelID, windowID );

// 背景色を青に設定
setGraphics2DColor( rendererID, 0, 0, 255, 255 );

// グラフィックスを背景色でクリア
clearGraphics2D( rendererID );

// GUI の描画
paintComponent( labelID );
paintComponent( windowID );

Sample.vcssl

このプログラムを実行すると、画面に真っ青なウィンドウが表示されます。

実行結果

画面に真っ青なウィンドウが表示されます。