2010.7.1
マニュアルPDF（ガイド）
http://artj.net/com/cpm.pdf
＋リファレンス
両方が必要
iwakoshi@学芸
dp59153739@my.lolipop.jp
画像ファイルもOK
重すぎる場合はCD-Rで
「配列」を理解すると次のレベルへ
PDFからコピーペースト
ポインタを変更する
フラクタル － マンデル・ブロ
それ以前の巨匠
John Whitnety - Arabesuque(1975)
sin waveを色々に変化させていく
一般的な事柄から掘り下げて製作する
具体的なイメージが重なると説明できる＝作品として強くなる
状態として美しいかどうかの判断に意味を与える
ドイツ現代音楽作曲家
シュトックハウゼン
貿易センタービルの崩れ方が美しい、と発言
http://artj.net/com/cpm.pdf
＋リファレンス
両方が必要
iwakoshi@学芸
dp59153739@my.lolipop.jp
画像ファイルもOK
重すぎる場合はCD-Rで
「配列」を理解すると次のレベルへ
PDFからコピーペースト
ポインタを変更する
フラクタル － マンデル・ブロ
それ以前の巨匠
John Whitnety - Arabesuque(1975)
sin waveを色々に変化させていく
一般的な事柄から掘り下げて製作する
具体的なイメージが重なると説明できる＝作品として強くなる
状態として美しいかどうかの判断に意味を与える
ドイツ現代音楽作曲家
シュトックハウゼン
貿易センタービルの崩れ方が美しい、と発言
2010.6.10
画面はなぜ色が見える？（Power Point）
http://www.u-gakugei.ac.jp/~iwakoshi/com/col.ppt
ソース
//形態の配色
size(300,300);//画面のサイズ
background(0);//背景は黒です。
noStroke();//線は使いません。
int rx; //rxという整数(int)の宣言
int ry; //rｙという整数(int)の宣言
float r; //rという浮動小数点数(float)の宣言
float g; //gという浮動小数点数(float)の宣言
float b; //bという浮動小数点数(float)の宣言
for(int i=0 ; i <= 300 ; i++){//ループの頭
rx=int(random(300));//random()は０からカッコ内までの数字を無作為に出す(四角のx座標)
ry=int(random(300));//random()は０からカッコ内までの数字を無作為に出す(四角のy座標)
r=random(255);//色を決めている。0から255までの数が代入される。
g=random(255);//色を決めている。0から255までの数が代入される。
b=random(255);//色を決めている。0から255までの数が代入される。
fill(r,g,b,251255);//塗る色を決める128は50％不透明
rect(rx,ry,20,20);//２０×２０の四角を書く
}//ループのお尻
★よくあるルール
noStroke←２語めの頭を大文字にする
for(int i=0 ; i <= 300 ; i++){//ループの頭
ループ の条件
（整数、開始の条件、終了の条件、ステップ）
int は整数
randomは小数も含まれているのでint()で括ると小数点以下が切り捨てられる
i はカウンター変数
i++ は i=i+1 （よく出てくるので文字数省略するための慣習）
●ダークグレイッシュトーン
r=random(100,150);
g=random(100,150);
b=random(100,150);
r=random(100,255);
に変えると赤味がかったダークグレイッシュになる
●透明度
fill(r,g,b,128)
255は100％不透明
128は50％不透明
●矩形＝四角（X座標，Y座標，幅，高さ）
ex)
rect(rx,ry,rx*5,ry*5);
座標の位置によって四角の大きさを変える
数字を入れ替えれば倍率が変わる
cf)座標の位置で色を変える
g=ry;
b=rx;
など
チャンス・オペレーション
人間が操作した偶然が美しさを生み出す
面白いものができたらSAVEしておく
SCETCH BOOKから呼び出し
ユニクロ―カンヌライオンズグランプリ2010
http://www.u-gakugei.ac.jp/~iwakoshi/com/col.ppt
ソース
//形態の配色
size(300,300);//画面のサイズ
background(0);//背景は黒です。
noStroke();//線は使いません。
int rx; //rxという整数(int)の宣言
int ry; //rｙという整数(int)の宣言
float r; //rという浮動小数点数(float)の宣言
float g; //gという浮動小数点数(float)の宣言
float b; //bという浮動小数点数(float)の宣言
for(int i=0 ; i <= 300 ; i++){//ループの頭
rx=int(random(300));//random()は０からカッコ内までの数字を無作為に出す(四角のx座標)
ry=int(random(300));//random()は０からカッコ内までの数字を無作為に出す(四角のy座標)
r=random(255);//色を決めている。0から255までの数が代入される。
g=random(255);//色を決めている。0から255までの数が代入される。
b=random(255);//色を決めている。0から255までの数が代入される。
fill(r,g,b,251255);//塗る色を決める128は50％不透明
rect(rx,ry,20,20);//２０×２０の四角を書く
}//ループのお尻
★よくあるルール
noStroke←２語めの頭を大文字にする
for(int i=0 ; i <= 300 ; i++){//ループの頭
ループ の条件
（整数、開始の条件、終了の条件、ステップ）
int は整数
randomは小数も含まれているのでint()で括ると小数点以下が切り捨てられる
i はカウンター変数
i++ は i=i+1 （よく出てくるので文字数省略するための慣習）
●ダークグレイッシュトーン
r=random(100,150);
g=random(100,150);
b=random(100,150);
r=random(100,255);
に変えると赤味がかったダークグレイッシュになる
●透明度
fill(r,g,b,128)
255は100％不透明
128は50％不透明
●矩形＝四角（X座標，Y座標，幅，高さ）
ex)
rect(rx,ry,rx*5,ry*5);
座標の位置によって四角の大きさを変える
数字を入れ替えれば倍率が変わる
cf)座標の位置で色を変える
g=ry;
b=rx;
など
チャンス・オペレーション
人間が操作した偶然が美しさを生み出す
面白いものができたらSAVEしておく
SCETCH BOOKから呼び出し
ユニクロ―カンヌライオンズグランプリ2010
processing
processing
日本語公式サイト
ダウンロード
資材置き場
Processingのオンラインマニュアル
日本語版リファレンスマニュアル
グラフィック用の命令にどんなものがあるか一覧
必要な時に調べて使う（リファレンス的に）
tips
円弧
size(200, 200);
arc(100, 100, 180, 150, radians(0), radians(270) );
中心ｘ、中心ｙ、高さ、幅、ラジアン（角度）
高さと幅を変えれば簡単に楕円形を描くことができる。
曲線
size(200, 200);
curve(220, 440, 50, 170, 170, 50, 190, 500);
cf.ベジェ曲線
bezier(**,**,**,**)
４点からなる外接の多角形で曲線を定義する
車のデザイナーが考案
//以降はコメントアウト
日本語公式サイト
ダウンロード
資材置き場
Processingのオンラインマニュアル
日本語版リファレンスマニュアル
グラフィック用の命令にどんなものがあるか一覧
必要な時に調べて使う（リファレンス的に）
tips
円弧
size(200, 200);
arc(100, 100, 180, 150, radians(0), radians(270) );
中心ｘ、中心ｙ、高さ、幅、ラジアン（角度）
高さと幅を変えれば簡単に楕円形を描くことができる。
曲線
size(200, 200);
curve(220, 440, 50, 170, 170, 50, 190, 500);
cf.ベジェ曲線
bezier(**,**,**,**)
４点からなる外接の多角形で曲線を定義する
車のデザイナーが考案
//以降はコメントアウト