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. 色相のグラデーション