createCheckbox

(別名: create_checkbox)

def setup
  background(220)
  checkbox = createCheckbox('label', false)
  checkbox.position(0, 105)
  checkbox.changed do
    background(220)
    if checkbox.checked
      text('Checking!', 10, 60)
    else
      text('Unchecking!', 10, 60)
    end
  end
end

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

[p5.js] createCheckbox

概要

チェックボックスを生成します。

書式

elm = createCheckbox([label], [checked])

引数

引数名内容備考オプションデフォルト値
labelチェックボックスのラベル""
checkedチェックボックスの値false

戻値

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

備考

・チェックボックスのおもなメソッドなど

メソッド内容備考
changed do ... endチェックボックスの状態が変わったときに実行される処理ブロックを記述
checkedチェックボックスのチェック状態を取得
 true : チェックされている
 false : チェックされていない
valueチェックボックスの value属性を取得
value(v)チェックボックスの value属性に値vを設定

関連

HTMLElement 対応表
(p5element).checked