Processingについての授業の資料です。

1. 色の指定
Processing資料(3)

2. 色のグラデーション

3. 色のグラデーション

4. 色のグラデーション
void setup() {
size(510, 200);
colorMode(HSB, 360, 100, 100);
background(0, 0, 100);
noStroke();
}
void draw() {
background(0, 0, 100);
int i = 0;
for (i = 0;i < 7;i++) {
fill((360/7)*i, 100, 100);
rect(i*70+20, 80, 50, 50);
}
}

5. HSBとは
H:Hue - 色相
S:Saturation - 彩度
B:Brightness - 明度

6. ProcessingでのHSBの利用
colorMode(HSB, 360, 100, 100);
fill(180, 60, 100);
色相の範囲を0〜360、彩度の範囲を0〜100、
明度の範囲を0〜100と設定
色相を180、彩度を60、明度を100で塗りつぶし

7. 色相のグラデーション