雲雀は高く空を舞い

■ [processing.org]「プレゼンテーション法」より(2)

no titleより

今回は色々な基本。

プログラム中の変数は宣言が変数型の宣言が必要。

各行は「;」で終わる必要がある。

コメント

//で始まる行はコメントとして扱われる。

/*と*/で囲まれた部分はコメントとして扱われる。

描画

size(x, y);で幅x、縦yのウィンドウを用意

background(g);でバックグラウンドカラーを指定

(g)は0~255の256階調グレースケールか、(r,g,b)で256^3のRGBカラー指定が可能。

size(200, 200);
background(102);

テキストの書き出し

printまたはprintlnでテキストエリアにテキストを書き出す。

print関数は改行しない。println関数は末尾で改行する。

テキストは「"」で囲む

print("Please tea, Reudy");
println("日本語もOK");

変数

変数は使用する前に宣言が必要

int x; // integer x (整数)
float x; // float x (小数)
color x; //色情報 x

基本図形の描画

ラインの色の指定

stroke(R, G, B)

塗りつぶし

fill(R, G, B, a)

aはアルファ値(透明度)。0で透明。省略可能。

また、色の指定にHTML式の指定も可能

fill(#CC6600);

ぬりつぶさないときは

noFill();

点

point(x, y);

座標(x,y)に点を描く。色はstrokeで指定

ライン

line(x1, y1, x2, y2); 

始点：(x1, y1)、 終点：(x2, y2)

長方形

rect(x, y, width,  height);

(width, height)は長方形の幅と高さ

(x, y)はデフォルトでは長方形の左上の角の座標

rectmode()により長方形の中心か左上角かの切り替えが可能

rectmode(CORNER);
rectmode(CENTER_DIAMETER);

楕円

ellipse(x, y,  width, height);

楕円の中心座標(x, y)

楕円の幅と高さ(width, height)

(x,y)は長方形と同様にellipseMode()によって指定可能

三角形

triangle(x1, y1,  x2, y2, x3,  y3);

繰り返し for文

int i;
for(i=0; i<20; i++){
rect(0, 0, width, height)
}

20回{}内を繰り返し実行する。

ここでwidth, heightは描画領域の幅と高さを表す固定変数。

これにより20回描画領域と同じサイズの長方形を描く。

乱数

random(x);
random(x,y);
randomSeed(x);

引数が1つの場合は0からxまでの間で乱数を生成。引数が2つの場合はxからyの間で乱数を生成。xとyを含むのかは不明。生成される乱数は浮動小数点。整数にするにはint()を使う。

また、randomSeed(x);で乱数生成器の初期値を設定できる。

例

図は適当に書いたもの

size(180, 180);

background(0);
stroke(51,32,251);
fill(251,32,84);
point(23,21);      // 点
line(12,32,51,46); // ライン
rect(83,25,30,30); // 四角

stroke(51,32,251);
fill(251,43,84,75);
ellipse(51,84,20,45);  // 楕円
triangle(20,15,30,45,61,12);  // 三角形

線の太さはどうするんだろなぁ。

---

キーワード

cat::processing.org, processing.org

processing, processing.org, proce55ing