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

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

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

red()

説明文

指定した色から赤の値を取得します。

構文

red(color)

パラメタ

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

戻り値

Number：赤の値

例

function draw() {
  let c = color('#FFFF00'); // CSSカラーで黄色を設定
  fill(c);
  rect(15, 20, 35, 60); //左の長方形を描画する

  let redValue = red(c); // 赤色を取得する
  fill(redValue, 0, 0);
  rect(50, 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) に従います。