Processing資料(3) 色の指定

7
色の指定 Processing資料(3)

Transcript of Processing資料(3) 色の指定

Page 1: Processing資料(3) 色の指定

色の指定

Processing資料(3)

Page 2: Processing資料(3) 色の指定

色のグラデーション

Page 3: Processing資料(3) 色の指定

色のグラデーション

Page 4: 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); }}

Page 5: Processing資料(3) 色の指定

HSBとは

H:Hue - 色相S:Saturation - 彩度B:Brightness - 明度

Page 6: Processing資料(3) 色の指定

ProcessingでのHSBの利用

colorMode(HSB, 360, 100, 100);

fill(180, 60, 100);

色相の範囲を0〜360、彩度の範囲を0〜100、明度の範囲を0〜100と設定

色相を180、彩度を60、明度を100で塗りつぶし

Page 7: Processing資料(3) 色の指定

色相のグラデーション