createInput 

def setup
  createCanvas(100, 100)
  background('grey')
  inp = createInput('')
  inp.position(0, 0)
  inp.size(100 - 8)
  inp.input do
    background('grey')
    fill('white')
    textSize(20)
    text(inp.value, 10, 60)
  end
end

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

[p5.js] createInput

概要

入力ボックスを生成します。

書式

createInput([value] [, type])

引数

引数名内容備考オプションデフォルト値
value初期入力値○""
typeタイプ"text"
"password"
"hidden"
"submit"
"reset"
"search"
"tel"
"url"
"email"
"image"
"file"
"button"
"range"
"checkbox"
"radio"		○"text"

戻値

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

備考
(入力ボックスのおもなメソッド)

メソッド内容備考
changed do ... end入力ボックスの状態が変わったときに実行される処理ブロックを記述
input do ... end入力ボックスで Enterキーが押されたときに実行される処理ブロックを記述
value入力ボックスの value属性を取得
value(v)入力ボックスの value属性に値vを設定

関連