Wednesday, November 18, 2009

Processingでグラデーションを描画する

Processingでグラデーションを描画するには、以下のコードを実行します。


// キャンバスサイズ
size(400, 400);
color c1 = color(#FFFF10);
color c2 = color(#3070A0);

int sx = 400;
int sy = 400;

float dr = (red(c2) - red(c1))/sy;
float dg = (green(c2) - green(c1))/sy;
float db = (blue(c2) - blue(c1))/sy;

for(int ly=0;ly<sy;ly++){
color pc = color(
(red(c1) + ly*dr),
(green(c1) + ly*dg),
(blue(c1) + ly*db)
);
for(int lx=0;lx<sx;lx++){
set(lx, ly, pc);
}
}

// ファイル保存
save("sample1366a.png");


出力画像(sample1366a.png)
Processingで描画したグラデーション

動作環境
Processing 1.0.7

No comments: