createColorPicker

(別名: create_color_picker)

def setup
  @colorPicker = createColorPicker("blue")
  @colorPicker.position(0, height + 5)
end

def draw
  background(@colorPicker.value)
end

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

[p5.js] createColorPicker

概要

カラー入力用の colorPickerを生成します。

書式

elm = createColorPicker([value])

引数

引数名内容備考オプションデフォルト値
value初期表示色グレースケール(0~255)
色を表す配列
色文字列
p5colorオブジェクト
"black"

戻値

elm : p5elementオブジェクト
   (<input type="color" />タグの HTML要素)

備考

・生成された colorPickerオブジェクトは以下のメソッドを持ちます。
  .valueメソッド ... 色の 16進文字列(#rrggbb)を返します。

・p5.jsでは、現在選択されている色の p5colorオブジェクトを返す .colorメソッドがありますが、
 rbCanvas/p5では .valueメソッドのみを提供しています。

関連

HTMLElement 対応表