(p5element).input

def setup
  createCanvas(100, 100)
  background('gray')
  textSize(20)
  inp = createInput
  inp.position(0, 0)
  inp.size(100 - 8)
  inp.input do          # 入力のつど
    background('gray')
    fill('white')
    text(inp.value, 10, 60)
  end
  inp.changed do        # 入力確定(値変更)
    background('gray')
    fill('yellow')
    text(inp.value, 10, 60)
  end
end
def setup
  colorMode(HSB)
  @slider = createSlider(0, 360, 60, 40)
  @slider.position(10, 10)
  @slider.style('width', '80px')
  @slider.input do
    bgcolor
  end
  bgcolor
end

def bgcolor
  background(@slider.value, 100, 100, 1)
end

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

[p5.js] input

概要

HTML要素の値が変更されたときに実行する処理を登録します。

書式

obj.input([void]) do ... end

引数

引数名内容備考オプションデフォルト値
void無効化falseが指定された場合にはブロックは実行されないnil
...ブロック実行される処理

戻値

なし

備考

関連

(p5element).changed