createButton

(別名: create_button)

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

概要

ボタンを生成します。

書式

elm = createButton(label [, value])

引数

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

戻値

elm : p5elementオブジェクト
   (<button></button>タグの HTML要素)

備考

・ボタンに関するおもなメソッドなど

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

関連

HTMLElement 対応表