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)


動作環境
Processing3.4/Processing 1.0.7

〇関連項目
Processingをインストールした仮想マシンを構築するには、以下のページを参照してください。
・https://serverarekore.blogspot.com/search/label/Processing
・Processingに関する他の記事は、こちらを参照してください。