Color

概要

色(カラー)に関する情報を扱います。

メソッド

メソッド名処理内容備考
backgroundキャンバスの背景を設定→ p5graphicsオブジェクトでの利用も可
clearキャンバスの描画内容をすべてクリア→ p5graphicsオブジェクトでの利用も可
fill図形や文字の塗りつぶし色を設定→ p5graphicsオブジェクトでの利用も可
noFill図形や文字を塗りつぶさない→ p5graphicsオブジェクトでの利用も可
stroke図形や文字の境界線の色を設定→ p5graphicsオブジェクトでの利用も可
noStroke図形や文字の境界線を描画しない→ p5graphicsオブジェクトでの利用も可
erase後続の描画メソッドを白抜き状態にする→ p5graphicsオブジェクトでの利用も可
noEraseeraseメソッドによる白抜きの効果を終了→ p5graphicsオブジェクトでの利用も可
colorModeカラーモードを設定→ p5graphicsオブジェクトでの利用も可
color色(カラー)オブジェクトを生成→ p5graphicsオブジェクトでの利用も可
lerpColor2つの色の中間にある色を生成
red色(カラー)オブジェクトなどから赤の値を取得
green色(カラー)オブジェクトなどから緑の値を取得
blue色(カラー)オブジェクトなどから青の値を取得
alpha色(カラー)オブジェクトなどから透明度の値を取得
hue色(カラー)オブジェクトなどから色相の値を取得
saturation色(カラー)オブジェクトなどから彩度の値を取得
brightness色(カラー)オブジェクトなどから明度の値を取得
lightness色(カラー)オブジェクトなどから輝度の値を取得

p5colorオブジェクト (インスタンスメソッド)

メソッド名処理内容備考
toString色(カラー)オブジェクトから色を表す文字列を取得
setRed色(カラー)オブジェクトに赤の値を設定
setGreen色(カラー)オブジェクトに緑の値を設定
setBlue色(カラー)オブジェクトに青の値を設定
setAlpha色(カラー)オブジェクトに透明度の値を設定

p5.jsリファレンス(参考情報) p5.Color