Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Processing資料(3) 色の指定

588 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Processing資料(3) 色の指定

  1. 1. 色の指定 Processing資料(3)
  2. 2. 色のグラデーション
  3. 3. 色のグラデーション
  4. 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. 5. HSBとは H:Hue - 色相 S:Saturation - 彩度 B:Brightness - 明度
  6. 6. ProcessingでのHSBの利用 colorMode(HSB, 360, 100, 100); fill(180, 60, 100); 色相の範囲を0〜360、彩度の範囲を0〜100、 明度の範囲を0〜100と設定 色相を180、彩度を60、明度を100で塗りつぶし
  7. 7. 色相のグラデーション

×