Interactive Music II Processing基本
- 8. 関数
? 関数 (function) とは
? 引数と呼ばれるデータを受け取り、定められた通りの処理を
実行して結果を返す一連の命令群。
!
? Processing=ビジュアルプログラミングのための関数の集合
? 関数名とその引数(パラメータ)から構成される
? 引数の数は関数によって異なる
関数名(引数1, 引数2, 引数3...);
- 19. 四角形を描く
? 線を描くプログラム
size(640,480); //640x480pixelの画面を生成
point(300,200); //(300,200)の場所に点を描く
line(50,100,400,300); //(50,100)の点から(400,300)の点へ線を引く
rect(400,100,100,300); //(400,100)の点から、幅100、高さ300の四角形を描く
- 22. 楕円を描く
? 楕円を追加
size(640,480); //640x480pixelの画面を生成
point(300,200); //(300,200)の場所に点を描く
line(50,100,400,300); //(50,100)の点から(400,300)の点へ線を引く
rect(400,100,100,300); //(400,100)の点から、幅100、高さ300の四角形を描く
ellipse(200,340,300,200); //(200,340)の点を中心に、幅300高さ200の楕円を描く
- 27. 色の指定
? 3つの色の属性
? 背景色 background関数
!
bacground(background(<Rの値>, <Gの値>, <Bの値>);
!
!
? 線に色をつける stroke関数
!
stroke(background(<Rの値>, <Gの値>, <Bの値>);
!
!
? 塗りの色をつける ?ll関数
?ll(background(<Rの値>, <Gの値>, <Bの値>);
- 29. 色の指定
? 背景色、塗りつぶしの色、ストロークの色の指定
background(15); //背景色
stroke(63,191,255); //線の色
fill(0,127,255,127); //塗りの色
size(640, 480); //640x480pixelの画面を生成
point(300, 200); //(300,200)の場所に点を描く
line(50, 100, 400, 300); //(50,100)の点から(400,300)の点へ線を引く
rect(400, 100, 100, 300); //(400,100)の点から、幅100、高さ300の四角形を描く
ellipse(200, 340, 300, 200); //(200,340)を中心に幅300高さ200の楕円を描く
- 35. アニメーション
? この仕組みを利用して、円が斜め下に移動するプログラムを作成
float posX, posY; //円の中心位置を格納する変数
float speedX, speedY; //円の速度を格納する変数
void setup() {
size(640, 480); //640x480pixelの画面を生成
frameRate(60); //フレームレート
stroke(63, 191, 255); //線の色
fill(0, 127, 255, 127); //塗りの色
posX = 40; //円の初期位置X
posY = 40; //円の初期位置Y
speedX = 3; //円の初期位置X
speedY = 2; //円の初期位置Y
}
!
void draw() {
background(15); //背景を描画
ellipse(posX, posY, 20, 20); //指定した位置に円を描画
posX = posX + speedX; //円のX座標を更新
posY = posY + speedY; //円のY座標を更新
}