Processing資料(3) 色の指定
7
色の指定 Processing資料(3)
-
Upload
reona396 -
Category
Technology
-
view
122 -
download
0
Transcript of Processing資料(3) 色の指定
色の指定
Processing資料(3)
色のグラデーション
色のグラデーション
色のグラデーション
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); }}
HSBとは
H:Hue - 色相S:Saturation - 彩度B:Brightness - 明度
ProcessingでのHSBの利用
colorMode(HSB, 360, 100, 100);
fill(180, 60, 100);
色相の範囲を0〜360、彩度の範囲を0〜100、明度の範囲を0〜100と設定
色相を180、彩度を60、明度を100で塗りつぶし
色相のグラデーション