createButton

def setup
  createCanvas(100, 100)
  background(0)
  button = createButton('click me')
  button.position(0, 0)
  button.mousePressed do
    val = rand(255)
    background(val)
  end
end

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

[p5.js] createButton

概要

ボタンを生成します。

書式

createButton(label [, value])

引数

引数名内容備考オプションデフォルト値
labelボタン上に表示されるラベル
valueボタンの値(未詳)

戻値

p5.Elementオブジェクト
(<button></button>タグの HTMLエレメント)

備考
(ボタンのおもなメソッド)

メソッド内容備考
mouseClicked do ... endボタンがクリックされたときに実行される処理ブロックを記述
mousePressed do ... endボタンが押されたときに実行される処理ブロックを記述
mouseReleased do ... endボタンが離されたときに実行される処理ブロックを記述
valueボタンの value属性を取得
value(v)ボタンの value属性に値vを設定

関連