P5

背景色 : background

背景色を指定する

background 関数を使うことで画面の背景色を変えることができます。

background( グレースケール値 );
 グレースケール値で背景色が指定されます。
 例:background( 128 ); // 灰色の背景

background( R, G, B );
background( H, S, B );
 カラーモードの状態に応じて、RGB値もしくはHSBで背景色が指定されます。
 例:background( 0, 255, 0 ); // 緑色の背景(RGBモードの場合)

background( 16進数カラーコード );
 16進数カラーコードで背景色が指定されます。
 例:background( #ff0000 ); // 赤色の背景

サンプル

画面上でマウスカーソルを動かしてみて下さい

コード

void setup(){
  size( 255, 255 );
}
 
void draw(){
  int r = mouseX; // マウスのX座標
  int g = mouseY; // マウスのY座標
  int b = 100;
  background( r, g, b );
}

マウスカーソルの座標の値を R と G の値に用い、背景色としています。マウスを動かすと背景色も変化します。

コメント

Copied title and URL