P5.js 日本語リファレンス(brightness)

4512 ワード
p5.js processing JavaScript JavaScript テキストリンク

このページでは「P5.js 日本語リファレンス」 の brightness関数を説明します。

brightness()

説明文

HSB輝度値を指定した色から取得します。

構文

brightness(color)

パラメタ

color
p5.Color | Number[ ] | String：p5.Colorオブジェクト、カラーコンポーネント、CSSカラー

戻り値

Number：明るさの値(HSB輝度値)

例

function draw() {
  noStroke();
  colorMode(HSB, 100); // カラーモードをHSBに設定
  let c1 = color(30, 100, 80); // HSBで緑色を設定
  fill(c1);
  rect(15, 20, 35, 60);
  let val1 = brightness(c1); // 輝度値80を取得する
  fill(val1);
  rect(50, 20, 35, 60);

  noStroke();
  colorMode(HSB, 255);
  let c2 = color('hsb(90, 100%, 80%)'); // HSBで緑色を設定
  fill(c2);
  rect(100, 20, 35, 60);
  let val2 = brightness(c2); // 輝度値80%(255の80%)を取得する
  fill(val2);
  rect(135, 20, 35, 60);
}

実行結果

著作権

p5.js was created by Lauren McCarthy and is developed by a community of collaborators, with support from the Processing Foundation and NYU ITP. Identity and graphic design by Jerel Johnson.

ライセンス

Creative Commons(CC BY-NC-SA 4.0) に従います。